Switch
누르는 즉시 적용되는 켜기/끄기 설정이에요.
변형
Figma 원본의 모든 variant예요. hover, focus는 컴포넌트가 처리해서 따로 그리지 않아요.
default
disabled
checked
checked · disabled
사용법
- 저장 버튼이 필요한 폼에는 쓰지 않아요그때는 Checkbox예요.
- 손잡이는 duration/fast로 움직여요트랙 28×16, 손잡이 12.
Props
| prop | 값 | 기본값 |
|---|---|---|
| checked | 켜짐 상태 | — |
| disabled | boolean | false |
코드
tsx
<Switch checked={on} onCheckedChange={setOn}>이메일 알림</Switch>