Toolbar

Group related action buttons together.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.

Disabled

Prevents interaction with reduced visual emphasis.

Input

Adds a text Input element.

Icon Examples

Icon-only buttons and decorative configurations.

Icon Only

Displays an Icon without accompanying text labels.

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.

More Examples

Additional variants and interactive states.

Renders as a navigational Link element.

Static

Renders without motion wrappers or interactive animations.