Checkbox

CarouselCollapsible

Checked, unchecked and indeterminate, with labels.

Installation

pnpm add krz-ui

Usage

import { Checkbox } from "krz-ui";
<Checkbox label="Accept terms" description="You agree to our Terms of Service." />

API Reference

PropTypeDescription
checked / defaultCheckedbooleanControlled or initial state.
onCheckedChange(checked: boolean) => voidCalled when toggled.
indeterminatebooleanShows a dash, e.g. for a partial "select all".
label / descriptionReactNodeText next to the checkbox.
size"sm" | "md" | "lg"Checkbox size.
className / style / ref—className and style go on the whole field; ref and native input attributes go to the <input>. See Customization.
classNames{ box?, input?, label?, description? }Extra classes for inner parts.