Basic radio group

<script setup lang="ts">
import { Field, FieldLabel } from "@/components/ui/field"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
</script>

<template>
  <RadioGroup default-value="comfortable" class="w-fit">
    <Field orientation="horizontal">
      <RadioGroupItem value="default" id="r1" />
      <FieldLabel for="r1">Default</FieldLabel>
    </Field>
    <Field orientation="horizontal">
      <RadioGroupItem value="comfortable" id="r2" />
      <FieldLabel for="r2">Comfortable</FieldLabel>
    </Field>
    <Field orientation="horizontal">
      <RadioGroupItem value="compact" id="r3" />
      <FieldLabel for="r3">Compact</FieldLabel>
    </Field>
  </RadioGroup>
</template>