Alert Banner

Contextual feedback banners with semantic color variants. Supports optional icons, dismiss buttons, and rich children.

Four semantic variants for different message types.

This is an informational message.

Operation completed successfully.

Please review before continuing.

Something went wrong. Please try again.

Pass onDismiss to show a close button.

This banner can be dismissed.

Pass icon={false} to hide the default icon.

A minimal banner without an icon.

Children can be any React content — titles, lists, links.