Primitives
Radio
Single-selection control within a mutually exclusive group
import { RadioGroup } from '@amezquita/design-system/components/primitives/Radio'Live render
Props
| Prop | Type | Description |
|---|---|---|
id? | string | |
name? | string | |
options | { value: string; label: string; disabled?: boolean }[] | |
value? | string | |
defaultValue? | string | |
onValueChange? | (value: string) => void | |
disabled? | boolean | |
orientation? | 'vertical' | 'horizontal' | |
aria-label? | string | |
aria-labelledby? | string |
Tokens
| Token | Type | Value |
|---|---|---|
--radio-indicator-size | dimension | 12px |
--radio-size | dimension | 24px |
Usage example
<RadioGroup
id="default"
aria-label="Notification method"
options={OPTIONS}
/>