K-UIK-UI
Components

Button

정부 표준 규격(대/중/소) 버튼. 고대비 모드 대응, 로딩 및 비활성 상태를 지원합니다.

Preview

Sizes

정부 표준 규격에 따라 대(lg), 중(md), 소(sm) 3가지 크기를 제공합니다.

<Button size="lg">Large</Button>
<Button size="md">Medium</Button>
<Button size="sm">Small</Button>

Loading State

<Button loading>처리중...</Button>

Disabled

<Button disabled>비활성</Button>

Full Width

<Button fullWidth>전체 너비 버튼</Button>

Props

PropTypeDefaultDescription
variant"primary" | "secondary" | "tertiary" | "danger" | "ghost" | "link""primary"버튼 스타일
size"lg" | "md" | "sm""md"버튼 크기
fullWidthbooleanfalse전체 너비 사용
loadingbooleanfalse로딩 스피너 표시
disabledbooleanfalse비활성 상태
leftIconReactNode-좌측 아이콘
rightIconReactNode-우측 아이콘

On this page