4AF Components

Fields and selection

Checkbox

A Base UI checkbox supporting controlled, uncontrolled, and indeterminate states.

View as Markdown
⠋

Install

npx shadcn@latest add https://4af.selfsimilar.dev/r/checkbox.json

Usage

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

<Checkbox label="Accept terms and conditions" />

API

Main export: Checkbox

A Base UI checkbox with a tick that draws itself, an indeterminate state, and an optional clickable label. It is a fixed 16px box with a 4px radius and has no size prop.

On this page