Control Chip
Control Chip은 사용자가 선택, 필터링, 전환과 같은 제어 작업을 수행할 수 있도록 돕는 Pill 형태의 컴포넌트입니다.
Installation
Props
ControlChip.Button
| Prop | Type | Default |
|---|---|---|
layout? | "withText" | "iconOnly" | withText |
size? | "medium" | "small" | medium |
asChild? | boolean | false |
ControlChip.Toggle
| Prop | Type | Default |
|---|---|---|
indeterminate? | boolean | - |
onCheckedChange? | ((checked: boolean) => void) | - |
defaultChecked? | boolean | - |
checked? | boolean | - |
required? | boolean | - |
invalid? | boolean | - |
disabled? | boolean | - |
layout? | "withText" | "iconOnly" | withText |
size? | "medium" | "small" | medium |
asChild? | boolean | false |
rootRef? | Ref<HTMLLabelElement> | - |
inputProps? | InputHTMLAttributes<HTMLInputElement> | - |
ControlChip.RadioRoot
| Prop | Type | Default |
|---|---|---|
asChild? | boolean | false |
onValueChange? | ((value: string) => void) | - |
defaultValue? | string | - |
value? | string | - |
form? | string | - |
name? | string | - |
disabled? | boolean | - |
ControlChip.RadioItem
| Prop | Type | Default |
|---|---|---|
invalid? | boolean | - |
disabled? | boolean | - |
value? | string | - |
layout? | "withText" | "iconOnly" | withText |
size? | "medium" | "small" | medium |
asChild? | boolean | false |
rootRef? | Ref<HTMLLabelElement> | - |
inputProps? | InputHTMLAttributes<HTMLInputElement> | - |