Checkbox

Toggle an independent option. Checked is ink.

Accept terms and conditions

By clicking this checkbox, you agree to the terms.

Enable notifications

You can enable or disable notifications at any time.

Usage

import { Checkbox } from "@zynactra/ui/checkbox"

<Checkbox />

Checked state uses primary (ink in Zynactra), never the brand gradient.
The label is part of the hit area: the whole row should be at least 44px tall on touch.

Behaviour and props come from Base UI. See the Base UI Checkbox docs.

Chart

Recharts charts with theme colors, tooltips and legends that follow the active theme.

Code Block

Code with an optional header, copy button, line numbers and diff lines.