Label

InstallationCopy Anchor Link

pnpm dlx shadcn@latest add @columbus/label

UsageCopy Anchor Link

Point the label at a control with htmlFor, or wrap the control in it.

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

<Label htmlFor="email">Email</Label>;

Inside a Field, use FieldLabel instead. It links to the field's control for you.

With a checkboxCopy Anchor Link

Wrapping a control makes the whole label clickable.

API referenceCopy Anchor Link

Renders a native <label> and accepts all its attributes. Built with Base UI's useRender.