Core Examples
Accessible React components with Base UI and Yumma CSS.
Base
Standard implementation with default configuration.
Bordered
Adds a visible border around the component.
Collapse
Collapses content with a smooth height transition.
Slash
Shows a Slash indicator for partial states.
Icon Examples
Icon-only buttons and decorative configurations.
Icon Leading
Positions the Icon at the start of the content.
Icon Trailing
Positions the Icon at the end of the content.
Icons
Replaces text labels with Icon elements.
Shape Examples
Shapes from sharp to fully rounded.
Square
Applies sharp corners with no border-radius.
Squircle
Applies a smooth continuous curve between adjacent corners.