Toggles
Toggle(스위치)는 On/Off 두 가지 상태를 가지는 컨트롤입니다. 설정 화면에서 기능을 켜거나 끄는 데 사용합니다.
Figma 컴포넌트: Toggle
Type: Default
기본 토글 스위치입니다.
Toggle Only
With Label
Type: Slim
더 얇은 형태의 토글입니다.
Toggle Only
With Label
Size
sm, md 두 가지 사이즈를 지원합니다.
SM with Label
Props
| Prop | Type | Default | Description |
|---|---|---|---|
type | 'default' | 'slim' | 'default' | 토글 타입 (기본 또는 슬림) |
size | 'sm' | 'md' | 'md' | 토글 크기 |
pressed | boolean | false | On/Off 상태 |
state | 'default' | 'hover' | 'focus' | 'disabled' | 'default' | 토글 상태 (문서 시각화용) |
label | string | - | 레이블 텍스트 |
description | string | - | 부가 설명 텍스트 |
Figma Variants
| Property | Values |
|---|---|
| Type | Default Slim |
| Size | sm md |
| Pressed | True False |
| State | Default Hover Focus Disabled |
| Text | True False |