Binhlaig UI Component

Checkbox

A compact control for selecting one or more options, with checked, unchecked and indeterminate states.

Installation

Initialize Binhlaig UI and install Checkbox with your preferred installer.

Initialize first

npx binhlaig-ui@latest init

Terminal

npx binhlaig-ui@latest add checkbox --installer native

Import Checkbox from your UI directory.

import { Checkbox } from "@/components/ui/checkbox"

Wrap Checkbox and its text in a label for accessible naming.

Accept terms and conditions

Checkbox supports checked, unchecked, indeterminate and disabled states.

UncheckedCheckedIndeterminateDisabled

Control the checked state with React.

Enable notifications

State: unchecked

Use name and required for native form submission.

Replace an older Checkbox source with the latest registry version.

npx binhlaig-ui@latest add checkbox --installer native --overwrite

Checkbox supports Base UI Root props and its three selection states.