The Alert component is used to show feedback to the user about an action or state.



Evergreen exports two components to create text alerts:

  • Alert: alert component with icon, title and optional description.
  • InlineAlert: alert component with icon and title.

Intent API

Both the Alert and the InlineAlert components implement the intent prop. The intent is a interface used across Evergreen and has the following options:

  • info: intent="none"
  • success: intent="success"
  • warning: intent="warning"
  • danger: intent="danger"


The Alert component can have a title and children. There are props to configure the icon and the border on the left.


The InlineAlert is useful when not showing a title and space is limited.

There are over 200 integrations available
Your source is now sending data
Changes will affect all warehouses
We weren’t able to save your changes