Evergreen exports two components to create text alerts:

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

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.

There are over 200 integrations available
Your source is now sending data
Changes will affect all warehouses
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed dod eiusmod tempor incididunt ut labore et dolore magna aliqua.
We weren’t able to save your changes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed dod eiusmod tempor incididunt ut labore et dolore magna aliqua.

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