Disabled checkbox

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

<template>
  <Field orientation="horizontal" data-disabled="true" class="w-auto">
    <Checkbox id="disabled-2" disabled :default-value="true" />
    <FieldLabel for="disabled-2">Disabled checkbox</FieldLabel>
  </Field>
</template>