Checked checkbox
import { Checkbox, Label } from "@combric/react";
export function Example() {
return <Label><Checkbox defaultChecked /> Include archived projects</Label>;
}Checkbox
Native checkbox with Combric styling.
@combric/react · v1.1.1 · Current
Import and usage
import { Checkbox } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
Examples
Unchecked state
import { Checkbox, Label } from "@combric/react";
export function Example() {
return <Label><Checkbox /> Include archived projects</Label>;
}Disabled state
import { Checkbox, Label } from "@combric/react";
export function Example() {
return <Label><Checkbox checked disabled readOnly /> Archived projects are included</Label>;
}Public API
| Name |
|---|
Checkbox |
| Property / capability | Published contract |
|---|---|
| Contract | Native checkbox props |
| Contract | checked/defaultChecked |
Accessibility
Preserves native checkbox semantics and form participation; no indeterminate abstraction is added.
Keyboard
Native Space toggling.
CSS and customization
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.