Components

Checkbox Select

CheckboxSelect is a compact multi-select checklist. Pass options as a JSON options prop (or the options property in JS) — it does not take slotted Checkbox children. Wrap in Field when you need a Craft-style label and instructions.

Basic Usage

Multiple selection with a concrete value array.

All Option

show-all-option adds a master checkbox. Checking it sets value to "*".

All Selected

Use value="*" when every option should be treated as selected without storing each id.

Selected Values

Use a JSON string array when the setting stores a concrete set of selected options.

Field Layout

Labels and instructions belong on Field around the control.

Disabled States

Disable the whole group when the selection is present for context but locked.

Long Lists

Longer option labels still stack cleanly in the default vertical orientation.

Edit this page
Last updated: Jul 19, 2026, 4:42 PM