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.