Combobox

Seven components and thirty-three variants. Not one component you drop in, but a trigger, a panel, and the rows and parts you build the panel out of.

Seven components, thirty-three variants

Using the Combobox

Why is it seven components instead of one?
Because a combobox is a trigger and a panel that appear in different places and at different times, and the panel's contents change per use. Menu Item, Label and Separator are published on their own so you can build the list you actually need rather than override a fixed one. The plain Combobox component is the trigger and list already stacked, for when the default is what you want.
What does Appearance: Translucent do?
Drops the panel surface to 70% so whatever sits behind it shows through, for a list floating over content rather than over a plain page. Solid is the one to place over a plain background; Translucent only earns its keep when there is something underneath worth seeing.
Why does Multiple have only two states?
The trigger fills with chips instead of a placeholder, and the file draws it at rest and focused. Disabled and Active have no separate meaning once the field is full of selections: Active is what a filled Multiple already is, and a disabled one is the Default trigger at half opacity.
What is Hover (Translucent) for?
The hover fill on a row that sits inside a translucent panel. A solid base.muted row on frosted glass reads as opaque paint stuck to the surface, so it drops to 70% and lets the panel through. Pair it with the Translucent panel and nothing else - on a solid surface it is just a paler highlight.
Do the rows carry the tick?
Yes. Selected is an axis on Menu Item, not something the list manages, so a row knows whether it is chosen. That keeps a multi-select list working without a wrapper: every chosen row shows its own 16px check.