Select

Selects expose a constrained list of options while keeping the closed trigger aligned with surrounding field controls.

Basic Usage

Use a trigger plus content list for the common closed-select pattern.

Sizes

The select trigger follows the same sizing rhythm as other form controls so it can sit cleanly beside inputs, buttons, and other CP fields.

Widths

Select triggers use their content width by default. Add a width utility to the trigger when the control should be fixed-width or fill its parent.

Grouped Options

Labels and separators help when a single list includes more than one logical option set.

Decorations

Host start / end slots decorate the closed trigger (icons, status dots, and similar).

Status Options

Put Status in an option’s start slot when the list represents Craft-like statuses.