Radio API
API reference for the Radio components.
Related
Explore these related pages for additional context and usage patterns.
| Page | Category |
|---|---|
| Radio | Forms |
| createSingle | Selection |
| Single | Providers |
| Checkbox | Forms |
Radio.Root
Props
disabled
MaybeRefOrGetter<boolean> | undefinedDisables this radio (prevents selection and keyboard focus)
Default: false
namespace
string | undefinedNamespace for context provision to children (Indicator, HiddenInput)
Default: "v0:radio:root"
groupNamespace
string | undefinedNamespace for connecting to parent Radio.Group
Default: "v0:radio:group"
Slots
Radio.Group
Props
mandatory
boolean | "force" | undefinedAuto-selects the first non-disabled item on mount. Radio groups are inherently mandatory (selection can only be changed, not cleared), so `mandatory="force"` is the only meaningful option.
Default: false
activation
anyActivation mode controlling when selection occurs: - `automatic` (default): Selection follows focus (arrow keys select) - `manual`: Selection requires explicit Enter/Space key press Per WAI-ARIA APG, radio groups should have selection follow focus by default. Use `manual` for toolbar radio groups or when deliberate selection is preferred.
Default: "automatic"
modelValue
T | undefinedEvents
update:model-value
[value: T]Slots
Radio.HiddenInput
Props
namespace
string | undefinedNamespace for context injection from parent Radio.Root
Default: "v0:radio:root"
value
string | undefinedSubmitted value when checked (defaults to context value or 'on'). Use to override the Radio.Root value for form submission.
Radio.Indicator
Props
namespace
string | undefinedNamespace for context injection from parent Radio.Root
Default: "v0:radio:root"