Layout UI

Label

Form label with peer-disabled handling.

Preview

Installation

bash
npx shadcn@latest add @layout/label

Usage

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

Examples

With textarea

Disabled peer

Managed by your organisation. Contact an admin to rotate.

Guidelines for AI agents

Always associate with a field via htmlFor. Sits above the field with gap-2.

Never

  • Neveruse muted-foreground for labels; labels are primary text

Tokens consumed

--layout-fg