기본 버튼
Lumen의 기본 액션 컨트롤이다. Calm AI와 웰니스 제품의 핵심 동작을 glass surface와 soft glow로 조용하게 강조한다.
상태
default
primary
ghost
danger
disabled
활용 방법
주요 액션
AI 생성·저장·시작 같은 주요 동작은 primary로 둔다.
Preview
tsx
<Button variant="primary" icon={<Sparkles size={13} />}>Generate insight</Button>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| variant | "default" | "primary" | "ghost" | "danger" | "default" | 강조 단계 |
| size | "sm" | "md" | "md" | 크기 |
| icon | ReactNode | - | 선두 아이콘 |