Toggle

Switch between on & off states, and group them with single or multiple selection.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.


Group Examples

Groups, nesting, and parent-child relationships.

Group Base

Standard group configuration with default styling.


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.

Static

Renders without motion wrappers or interactive animations.