Popover

Display floating content near trigger elements.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.


Arrow

Positions a directional Arrow pointing at the trigger.


Close

Adds a close button for manual dismissal.


Hover

Opens on hover instead of click.


Placement

Demonstrates configurable side and align values.


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.