Skip to main content
You are viewing Pre-Alpha documentation.
Vuetify0 Logo
Mode
Accessibility
Vuetify

Radio API

API reference for the Radio components.

Radio.Root

Props

id

ID

Unique identifier (auto-generated if not provided)

Default: genId()

label

string

Optional display label (passed through to slot)

value

V

Value associated with this radio for group selection and form submission

name

string

Form field name - triggers auto hidden input when provided

form

string

Associate with a form by ID (for radios outside the form element)

disabled

MaybeRef<boolean>

Disables this radio (prevents selection and keyboard focus)

Default: false

namespace

string

Namespace for context provision to children (Indicator, HiddenInput)

Default: "v0:radio:root"

groupNamespace

string

Namespace for connecting to parent Radio.Group

Default: "v0:radio:group"

ariaLabelledby

string

ID of element that labels this radio

ariaDescribedby

string

ID of element that describes this radio

ariaInvalid

boolean

Marks the radio as invalid for form validation

Slots

default

RadioRootSlotProps<V>

Default slot with radio state, actions, and ARIA attributes

Radio.Group

Props

namespace

string

Namespace for dependency injection

Default: "v0:radio:group"

disabled

boolean

Disables the entire radio group

Default: false

mandatory

boolean | "force"

Auto-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

label

string

Accessible name for the group

ariaLabelledby

string

ID of element that labels this group

ariaDescribedby

string

ID of element that describes this group

ariaRequired

boolean

Whether a selection is required before form submission

name

string

Form field name - enables native form submission for all radios in group

Events

Slots

default

RadioGroupSlotProps

Default slot with group state and ARIA attributes

Radio.HiddenInput

Props

value

string

Submitted value when checked (defaults to context value or 'on'). Use to override the Radio.Root value for form submission.

name

string

Form field name (defaults to context value from Radio.Group)

namespace

string

Namespace for context injection from parent Radio.Root

Default: "v0:radio:root"

form

string

Associate with form by ID (for inputs outside the form element)

Radio.Indicator

Props

namespace

string

Namespace for context injection from parent Radio.Root

Default: "v0:radio:root"

Slots

default

RadioIndicatorSlotProps

Default slot for custom indicator content


© 2016-1970 Vuetify, LLC
Ctrl+/