The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!

v0.2.49Beta

Search

Checkbox

Source

A form component used to toggle between checked and unchecked states.

Usage

Import the Checkbox component from @bun-ui/react and use it in your project:

import { Checkbox } from "@bun-ui/react"
<Checkbox label="Accept terms and conditions" />

Controlled

Custom Label

For advanced label customization, omit the label prop and use a separate label component:

Props

Checkbox

PropTypeDefaultDescription
color
"primary" | "secondary" | "neutral""primary"

Color variant of the checkbox.

label
ReactNode-

Label for the checkbox.