버튼
최소 44px 높이의 조작 영역과 고대비 초점 표시로 신청과 이동을 쉽게 수행할 수 있게 한다.
상태
solid
outline
ghost
disabled
활용 방법
서비스 신청
정보 확인에는 outline, 최종 신청에는 solid를 사용해 두 작업을 구분한다.
Preview
tsx
<Button variant="outline">자격 확인</Button><Button>신청하기</Button>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| variant | "solid" | "outline" | "ghost" | - | |
| tone | "accent" | "neutral" | "danger" | - | |
| size | "md" | "lg" | - |