Honeycomb

Alert

Displays a callout for important information.

When To Use

  • To display important messages or warnings.
  • For success, error, or info notifications inline.
Basic
An informational alert with an icon.
Destructive
An error or warning alert using the destructive variant.
With Action
An alert containing an action button.
Custom Colors
An alert with custom Tailwind background colors.