Alert Dialog

Display urgent confirmation dialogs over your application.

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.


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.


Icon Examples

Icon-only buttons and decorative configurations.

Leading

Trailing


More Examples

Additional variants and interactive states.

Static

Renders without motion wrappers or interactive animations.