Combobox

Combine text input with dropdown selection.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.


Disabled

Prevents interaction with reduced visual emphasis.


Grouped

Organizes related options under a shared heading.


Inline

Renders inline within surrounding content.

AAdrianProduct Designer
AAidanFrontend Developer
JJadeBackend Developer
JJessicaUX Researcher
JJocelynQA Engineer
JJohnProduct Manager
KKatherineDevOps Engineer
LLiamEngineering Lead
LLilianaData Analyst
MMariaFrontend Developer
MMelanieBackend Developer

Loading

Shows a Skeleton while content processes.


Multiple

Allows the selection of more than one item.


Shape Examples

Shapes from sharp to fully rounded.

Square

Applies sharp corners with no br-(value).


Squircle

Applies a smooth continuous curve between adjacent corners.


More Examples

Additional variants and interactive states.

Static

Renders without motion wrappers or interactive animations.