버튼
Ceres의 구매와 예약 흐름에서 버튼의 색상과 형태로 다음 행동의 중요도를 구분한다.
상태
solid
outline
ghost
danger
disabled
활용 방법
구매 액션
보조 행동은 outline, 최종 구매 행동은 solid로 구분한다.
Preview
tsx
<Button variant="outline">선물하기</Button><Button>바로 구매</Button>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| variant | "solid" | "outline" | "ghost" | "solid" | |
| tone | "accent" | "neutral" | "danger" | "accent" | |
| size | "sm" | "md" | "lg" | "md" | |
| loading | boolean | false |