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.
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.
Size Examples
Sizes from large to small.
Large
Medium
Small
More Examples
Additional variants and interactive states.
Static
Renders without motion wrappers or interactive animations.