Core Examples
Accessible React components with Base UI and Yumma CSS.
Base
Standard implementation with default configuration.
Confirmation
Requires explicit confirmation before proceeding.
Destructive
Uses red accents to indicate destructive or irreversible actions.
Icon Examples
Icon-only buttons and decorative configurations.
Leading
Trailing
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.