Forms Label

Label

Names a field. Clicking it focuses the field (Radix Label).

Preview

Name

I've read the house rules

Phone

tsx

import { Label, Input } from "zostel-ui";

<Label htmlFor="name">Name</Label>
<Input id="name" placeholder="Your name" />

Prop	Type	Default	Description
`htmlFor`	`string`	—	The id of the field it names.
`className`	`string`	—	More classes, merged with the component’s own (tailwind-merge).

htmlFor

Type: string

Default: —

The id of the field it names.

className

Type: string

Default: —

More classes, merged with the component’s own (tailwind-merge).