Label

An accessible, polymorphic label component that integrates with form input controls.

An accessible, polymorphic label component that integrates with form input controls.

Preview

Accept terms and conditions

pnpm dlx vibe-ui-kit@latest add label

Explore form integrations and accessibility states.

Email Address

Disabled Field

Prop	Type	Default	Description
htmlFor	string	-	The ID of the input element that this label is associated with.
asChild	boolean	false	Change the underlying rendered element to a Slot component for polymorphism.

Jenish Sabhadiya

Primary Theme Accent

Border Corner Radius

Glass Backdrop Blur8px

Export CSS Config

@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}

Changes apply instantly to this documentation workspace.

Label | Vibe UI