Components / Radio

Default

A simple radio button. Note the expanded hover area.

Vertical (Default)

Lines items up with a clean gap.

Horizontal

Wraps if space constrains.

MayaRadio Props API

Prop / EventTypeDefaultDescription
modelValueString | Number | BooleanundefinedThe currently selected value of the group. Used with v-model.
valueString | Number | Boolean(Required)The specific value of this radio button.
nameString""The native name attribute for grouping.
labelString""Optional text label displayed next to the radio button.
disabledBooleanfalseWhether the radio button is disabled.
@update:modelValueEventEmitted when the radio is selected.
#defaultSlotDefault slot to render custom label content.