RadioGroup

<script setup lang="ts">
const value = ref('neutral')
const options = [
  { label: 'Neutral', color: 'neutral' },
  { label: 'Primary', color: 'primary' },
  { label: 'Secondary', color: 'secondary' },
  { label: 'Accent', color: 'accent' },
]
</script>

<template>
  <Card bordered class="w-64 p-6">
    <RadioGroup v-model="value" name="group">
      <Label class="cursor-pointer">
        <LabelText>Option 1</LabelText>
        <Radio value="option-1" />
      </Label>

      <Label class="cursor-pointer">
        <LabelText>Option 2</LabelText>
        <Radio value="option-2" />
      </Label>

      <Label class="cursor-pointer">
        <LabelText>Option 3</LabelText>
        <Radio value="option-3" />
      </Label>
    </RadioGroup>
  </Card>
</template>