Radio

Display a radio input element.

Usage

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

<template>
  <CRadio
    v-model="selected"
    label="Example radio option"
  />
</template>

Description

Add an extra long description here underneath the label.

<template>
<CRadio description="Add an extra long description here underneath the label." label="Example radio option" />
</template>

Required

<template>
<CRadio required label="Example radio option" />
</template>

Disabled

<template>
<CRadio disabled label="Example radio option" />
</template>

Value

<template>
<CRadio value="123" label="Example radio option" />
</template>

Props

value
string | number | boolean
label
string
id
string
modelValue
string | number | boolean
description
string
disabled
boolean
required
boolean