Label

Your email address

npx bearnie add label

import Label from "@/components/ui/label/Label.astro";

import { Label } from "@/components/ui/label"

<Label for="email">Email</Label>

<div class="grid gap-2 w-full max-w-sm">
<Label for="email">Email</Label>
<Input type="email" id="email" placeholder="m@example.com" />
</div>

Accept terms and conditions

<div class="flex items-center gap-2">
<Checkbox id="terms" />
<Label for="terms">Accept terms and conditions</Label>
</div>

Name *

<div class="grid gap-2 w-full max-w-sm">
<Label for="name" required>Name</Label>
<Input id="name" placeholder="Enter your name" required />
</div>

Prop	Type	Default	Description
for	string	-	ID of the associated form element
required	boolean	false	Shows required indicator (*)
class	string	-	Additional CSS classes