Option List

The one recipe for a list of options inside a popover, a select, a command palette or a menu: a 4px inset so a highlight never touches the popover's edge, 32px rounded rows, one grey for hover and keyboard, a brand-blue check for selected, and a search that is the popover's top edge — a borderless input under a hairline, no box, no halo. cmdk and Radix lists use the same class strings via optionListClasses.

Searchable, in a popover

OptionListSearch is flush with the top of the popover. The filter pills and the client switcher render exactly this.

Rows, labels, icons

Icons only when they differentiate options. A label heads a group. Multi-select shows several checks.

Ad length
Format