Renders an accessible label associated with controls.
<script lang="ts"> import { Checkbox } from "$lib/components/ui/checkbox"; import { Label } from "$lib/components/ui/label"; </script> <div> <div class="flex items-center space-x-2"> <Checkbox id="terms" /> <Label for="terms">Accept terms and conditions</Label> </div> </div>
npx shadcn-svelte@latest add label
<script lang="ts"> import { Label } from "$lib/components/ui/label"; </script> <Label for="email">Your email address</Label>
On This Page