Alert list item
The Alert list item are displayed in the Alert center but also in other parts of the application where alerts should be displayed.
Variations
The alert list item can be displayed in different versions based on the alert level.
The alarm uses the alarm color and icon.
The warning uses the warning color and icon.
The caution list item uses the caution color and icon.
An alert list item displaying that things are running ok, uses the running color and icon.
Specs
How the Alert list items are built up and styled.
Anatomy
The Alert list items are nested components with text and UI components.
Colors
The Alert list item uses standard colours for text and dividers. Go to the Alert icon page to see color definitions for the alert indicator.
Typography and icons
The list item uses body text.
Measures and spacing
The width of the list item may vary based on the container size, and normal notification text length. All items in the same container have the same width.