Components

Checkbox Select

pk-checkbox-select is a compact multi-select checklist. Pass options as a JSON options attribute (or the options property in JS) — it does not take slotted pk-checkbox children. Wrap in pk-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 pk-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