Toggle
Toggle은 두 가지 상태(on/off)를 전환할 수 있는 버튼 컴포넌트입니다. 단독으로 사용하거나 ToggleGroup, Toolbar와 결합하여 사용할 수 있습니다.Property
Size
Toggle의 크기를 지정합니다.
Variant
Toggle의 시각적 위계를 설정합니다.
Pressed
Toggle의 눌림 상태를 지정합니다. 초기 상태는 defaultPressed로 설정합니다.
Disabled
Toggle의 비활성화 상태를 지정합니다.
Examples
Controlled
pressed와 onPressedChange로 Toggle의 눌림 상태를 외부에서 제어할 수 있습니다.
Props Table
Toggle
굵게 같은 서식을 켜거나 끄는 두 가지 상태의 버튼. 단독으로 쓰거나 ToggleGroup 안에서 사용하세요. <button> 요소로 렌더링됩니다.
| 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 |