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.
Slash
Shows a Slash indicator for partial states.
Icon Examples
Icon-only buttons and decorative configurations.
Icons
Replaces text labels with Icon elements.
Leading
Positions the Icon at the start of the content.
Trailing
Positions the Icon at the end of the content.
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.