DocsLabel

Label

Renders an accessible label associated with a form control.

Preview

Email address

Username

npx shadcn@latest add label

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

<Label htmlFor="email">Email</Label>
<Input type="email" id="email" />

Extends the native <label> element. Use htmlFor to associate it with an input by id.

On This Page