Label - shadcn-svelte

Docs

Label

Renders an accessible label associated with controls.

Component Source Primitive API Reference

	<script lang="ts">
  import { Checkbox } from "@/components/ui/checkbox";
  import { Label } from "@/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>

	<script lang="ts">
  import { Checkbox } from "@/components/ui/checkbox";
  import { Label } from "@/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>

Installation

	npx shadcn-svelte add label

Usage

	<script lang="ts">
  import { Label } from "$components/ui/label";
</script>

<Label for="email">Your email address</Label>

Input Menubar

On This Page