Radio

Radio button estilo terminal con (o) / ( ).

Radio

Demo

<Radio v-for="opt in options" :key="opt.value"
  v-model="selected" :value="opt.value" :label="opt.label" />

Props

label

Texto que se muestra junto al radio button.

<Radio v-model="selected" value="x" label="Opción extra" />

color

Color del indicador (o) cuando está seleccionado.

<Radio v-model="selected" value="success" color="success" label="Success" />

disabled

Deshabilita la interacción.

( ) No disponible

<Radio value="x" label="No disponible" disabled />

Events

Evento	Payload	Descripción
update:modelValue	string	Se emite al seleccionar

API

Prop	Tipo	Default	Descripción
modelValue	string	''	Valor seleccionado (v-model)
value	string	—	Valor de este radio (requerido)
color	'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark'	'primary'	Color del indicador
disabled	boolean	false	Deshabilitar
label	string	''	Texto junto al radio

Tokens usados

--font-mono, --color-*