directus/docs/reference/app/components/v-radio.md

Radio

Classic radio buttons. Nothing special.

<v-radio v-model="selected" value="red" />
<v-radio v-model="selected" value="blue" />
<v-radio v-model="selected" value="green" />

Reference

Props

Prop	Description	Default	Type
value*	What value to represent when selected		String
input-value	Selected value. Used as value for v-model	null	String
label	Label to render next to the radio	null	String
disabled	Disable the radio button	false	Boolean
icon-on	Change the icon to display when enabled	'radio_button_checked'	String
icon-off	Change the icon to display when disabled	'radio_button_unchecked'	String
block	Render the radio in a block like style	false	Boolean

Events

Event	Description	Value
change	When the state of the radio button changes. Used in v-model	string

Slots

Slot	Description	Data
label	Custom override for label slot. Allows you to render custom markup in label slot.

CSS Variables

Variable	Default
--v-radio-color	var(--primary)