LLabanaat

Checkbox

Built on Radix's Checkbox primitive for correct checked/unchecked/indeterminate semantics.

<Checkbox label="Accept terms and conditions" description="Required to continue" />

Editable — change the code above and the preview updates live.

Installation

import { Checkbox } from "@labanaat/ui/checkbox";

Props

PropTypeDefaultDescription
labelReactNode—Field label
descriptionstring—Helper text shown below the label
checked / defaultCheckedboolean | "indeterminate"—Controlled / uncontrolled checked state
onCheckedChange(checked) => void—Change handler
disabledbooleanfalseDisables interaction