Vuance UI Kit

Selection

Radio

Single-choice control used inside a mutually exclusive option group.

Radio

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Properties

Selected

Disabled

Vue

<m-radio-group
  v-model="value"
>
  <m-radio
    value="design"
    label="Design"
    :disabled="false"
   />
  <m-radio
    value="build"
    label="Build"
    :disabled="false"
   />
</m-radio-group>

MRadio API

Props, slots, and events are extracted from the current public UI Kit contract.

MRadio

Selection family
src/runtime/components/ui/radio

Props

NameTypeDefault
name
stringundefined
value
string | number—
label
stringundefined
path
stringundefined

Slots

Events

MRadio does not emit component-specific events. Native events fall through to its root element.