Radio

Basic radio group

Option A Option B Option C

Selected: (none)

<script setup>
import { ref } from 'vue'
const selected = ref('')
</script>

<FuiRadio v-model="selected" :options="options" />

With disabled option

Enabled Disabled

<FuiRadio :options="[
  { value: 'a', label: 'Enabled' },
  { value: 'b', label: 'Disabled', disabled: true },
]" />

Props

Prop	Type	Default	Description
modelValue	string	''	Selected value
options	FuiRadioOption[]	required	Radio options
disabled	boolean	false	Disabled state

FuiRadioOption

Prop	Type	Description
value	string	Option value
label	string	Display label
disabled?	boolean	Option disabled