Toggle
Toggle은 두 가지 상태(on/off)를 전환할 수 있는 버튼 컴포넌트입니다. 단독으로 사용하거나 ToggleGroup, Toolbar와 결합하여 사용할 수 있습니다.Property
Size
Toggle의 크기를 지정합니다.
Variant
Toggle의 시각적 위계를 설정합니다.
Pressed
Toggle의 눌림 상태를 지정합니다. 초기 상태는 defaultPressed로 설정합니다.
Disabled
Toggle의 비활성화 상태를 지정합니다.
Examples
Controlled
pressed와 onPressedChange로 Toggle의 눌림 상태를 외부에서 제어할 수 있습니다.
Props Table
Toggle
Two-state button that turns an option on or off, such as bold text formatting. Use alone or inside ToggleGroup. Renders a <button> element.
| Prop | Default | Type |
|---|---|---|
size? | md | smmdlgxl |
variant? | default | defaultaccent |
defaultPressed? | false | boolean |
onPressedChange? | - | function |
pressed? | - | boolean |
value? | - | string |
children? | - | ReactNode |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
disabled? | false | boolean |
nativeButton? | true | boolean |
render? | - | ReactElementfunction |