Label

A styled wrapper around the native HTML label element with consistent typography and disabled-state handling.

Default

Full name

Email address

Bio

Disabled

Active field

Disabled field

Group-disabled field

Read-only field

Error State

Email address

Username

That username is already taken.

Website

Looks good!

Form Layout

Stacked

Display name

This is the name others will see.

Handle

Inline

Country

City

Postal code

Required

Full name

Email address

Website(optional)

Fields marked with * are required.

With Checkbox

Email preferences

Activity notifications

Product news and announcements

Weekly digest

Security alerts (always on)

With Icon

Username

Password

Installation

npx shadcn@latest add @byronwade/label

Prop	Type	Default	Description
className	string	—	Additional CSS classes to merge with the default label styles.
htmlFor	string	—	Associates the label with a form control by its id.
children	React.ReactNode	—	The label text or content.