버튼
저장·생성·삭제 같은 명령을 실행한다. primary는 화면의 최우선 액션 하나에만 사용하고, loading 중에도 포커스를 유지한다.
상태
default
primary
danger
invisible
loading
disabled
활용 방법
Repository action
선두·후행 visual로 액션의 맥락을 보강한다.
Preview
tsx
<Button variant="primary" leadingVisual={<Plus />}>New repository</Button>
Sizes
Preview
tsx
<Button size="small">Small</Button><Button size="medium">Medium</Button><Button size="large">Large</Button>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| variant | "default" | "primary" | "danger" | "invisible" | "link" | "default" | 시각적 우선순위 |
| size | "small" | "medium" | "large" | "medium" | 컨트롤 크기 |
| loading | boolean | false | 포커스를 유지하는 진행 상태 |
| leadingVisual | ReactNode | - | 선두 시각 요소 |
| trailingVisual | ReactNode | - | 후행 시각 요소 |
| href | string | - | 있으면 anchor로 렌더 |