Label

Form field label with required indicator.

formtextlabel

Import

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

Basic Usage

Label Preview

Default labelRequired labelDisabled label

Label with input

Code

tsx

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

Required Label

Show required indicator

1<Label htmlFor="name" required>Name</Label>

With Input

Complete form field

1<div className="space-y-2">
2  <Label htmlFor="email" required>Email Address</Label>
3  <Input id="email" type="email" placeholder="you@example.com" />
4</div>

Ready to use this component?

Configure your app with the features you need and download production-ready code.

Start Configuring