Binhlaig UI Component

Label

An accessible text label for form controls, with required and optional indicators.

Installation

Initialize Binhlaig UI once, then install Label using the saved installer.

Initialize first

npx binhlaig-ui@latest init

Terminal

npx binhlaig-ui@latest add label

Import Label and helper indicators.

import {
  Label,
  LabelOptional,
  LabelRequired,
} from "@/components/ui/label"

Associate a label with an input using htmlFor and id.

Show a required marker while keeping the input itself marked required.

Name

Show that a field does not require a value.

NicknameOptional

Pair Label with Checkbox for a larger clickable target.

Accept terms and conditions

Labels can be paired with disabled form controls.

Replace an older Label source with the latest registry version.

npx binhlaig-ui@latest add label --overwrite

Main primitives available in Binhlaig UI Label.

API	Purpose
`Label`	Accessible label for a form control.
`htmlFor`	References the target form control id.
`LabelRequired`	Visual required marker.
`LabelOptional`	Optional field indicator.
`className`	Customize label styling.