Forms & selection@neumorphism-ui/label

Label

A thin wrapper around native label that forwards all standard attributes. Provides text color and cursor styles that match the peer-disabled state.

@neumorphism-ui/label

Preview

Clicking a label moves focus to its control.Email address

Receive the weekly report

npx shadcn@latest add @neumorphism-ui/label

The CLI resolves npm dependencies, base tokens, utilities, and component source in order.

New to this Registry? Set up the namespace before continuing.

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

<div className="grid gap-2">
  <Label htmlFor="project-name">Project name</Label>
  <Input id="project-name" name="projectName" />
</div>

Component	Prop	Type	Default	Description
`Label`	`htmlFor`	`string`	`—`	The id of the form control to associate.
`Label`	`children`required	`React.ReactNode`	`—`	Text that describes the purpose of the control.
`Label`	`className`	`string`	`—`	Extends layout and state styles.