Components/Checkbox

Search documentation

Jump to any guide or component.

↑↓ move · Enter open · Esc close

Forms · Checkbox

SSR NativeAccessible

Checkbox

Captures an independent on/off choice with an optional explanation.

Live previewv0.1.4
Astro
---
import { Checkbox } from '@charvesta/cetha';
---

<Checkbox id="updates" name="updates" label="Product updates" checked />

API reference

PropTypeDefaultDescription
id*stringConnects the input, label, and description.
label*stringVisible control label.
descriptionstringOptional supporting text.
classstringAdditional classes forwarded to the rendered element.

Accessibility

The label is always visible and programmatically associated with the native checkbox.