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.

Status Input

Use SelectInput when you want a higher-level field wrapper for common option-list inputs like statuses.

API reference

Select wraps Base UI Select. Use the Base UI API reference for item behavior, grouped content, controlled state, keyboard typeahead, and popup positioning details.