How do I install the Vibe UI Label component?

You can install Label into your React or Next.js project using the Vibe UI CLI: run "npx vibe-ui-kit add label" in your terminal.

Does Vibe UI Label support Tailwind CSS v4?

Yes, Vibe UI natively supports both modern Tailwind CSS v4 (@theme directives) and Tailwind CSS v3 with zero configuration.

Yes, Vibe UI primitives are built upon WAI-ARIA compliant Radix UI primitives with full keyboard navigation and screen reader support.

Vibe UI

Initializing Vibe UI System...

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

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

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.

Active Theme Style

Border Corner Radius

Glass Backdrop Blur8px

Export CSS Config

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

Changes apply instantly to this documentation workspace.