Label paired with a checkbox.

<script setup lang="ts">
import { Checkbox } from "@/components/ui/checkbox"
import { Field } from "@/components/ui/field"
import { Label } from "@/components/ui/label"
</script>

<template>
  <Field orientation="horizontal" class="mx-auto w-auto">
    <Checkbox id="label-demo-terms" />
    <Label for="label-demo-terms">Accept terms and conditions</Label>
  </Field>
</template>