UIRadio

UIRadio

A radio button component for single selection from multiple options.

<template>
  <UIRadioGroup v-model:value="selected" name="options">
    <UIRadio value="option1">Option 1</UIRadio>
    <UIRadio value="option2">Option 2</UIRadio>
    <UIRadio value="option3" disabled>Option 3</UIRadio>
  </UIRadioGroup>
</template>

<script setup lang="ts">
const selected = ref('option1')
</script>

Radio Props

• value (string | number | boolean): Radio value
• disabled (boolean): Disable radio button
• name (string): Input name attribute
• size (‘small’ | ‘medium’ | ‘large’): Radio size
• checked (boolean): Radio checked state

RadioGroup Props

• value (string | number | boolean): Selected value
• disabled (boolean): Disable all radio buttons
• name (string): Group name attribute
• vertical (boolean): Vertical layout
• size (‘small’ | ‘medium’ | ‘large’): Group size

Events

• update:value: Emitted when selection changes
• change: Emitted when radio is selected

Slots

• default: Radio label content