Components

Select

A single choice from a short closed list, opened from a trigger.

28 October 2026

Added

First version: a single choice from a short list on Base UI Select.
Field wiring: label, description, error, invalid, required, necessityIndicator.
items (value, label, icon, disabled), placeholder, size, readOnly, disabled, a string | null value.
The list with motion.popover, the check mark with motion.selectionMark; the trigger with motion.field.
The SelectItem type is exported.
Multiple selection: multiple, values, defaultValues, onValuesChange.
Glass material: under a glass Provider this surface turns glass; material="solid" keeps it solid.

Changed

New sm size (32 px); md is 36 px (40 px on a touch screen) and lg 40 px. Corner radius is 10 px.
The box gets a hairline shadow; the focus outline is drawn 2 px outside the box; an invalid box gets a 2 px danger halo.
Shared overlay surface: raised fill, the border-overlay hairline and a shadow.
Option rows share one metric (menu-item-* tokens); the highlighted row takes the selected fill. The list has 4 px padding and 10 px corners (menu-radius).
Group headings use label-sm and line up with the option text, as in menus.