Components

CheckboxInput

CheckboxInput combines the low-level checkbox with the label, cursor, disabled opacity, and spacing used by Craft-style checkbox rows.

Basic Usage

Use CheckboxInput for the common case where a checkbox has a visible label.

Descriptions

Add a short description when the label alone does not explain the consequence of the setting.

Disabled

Disabled rows stay readable while the checkbox and text are visually muted and use a disabled cursor.

Grouped Options

Use fieldsets when several checkbox inputs contribute to one broader preference group.

API reference

CheckboxInput composes this package's Checkbox, which wraps Base UI Checkbox. Use the Base UI API reference for checked state, indeterminate state, disabled behavior, and form integration details.

Edit this page
Last updated: May 22, 2026, 6:53 PM