Alert list item
Updated:
May 4, 2020
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.
Alarm
The alarm uses the alarm color and icon.
Alarm
The alarm uses the alarm color and icon.
Warning
The warning uses the warning color and icon.
Warning
The warning uses the warning color and icon.
Caution
The caution list item uses the caution color and icon.
Caution
The caution list item uses the caution color and icon.
OK / Running
An alert list item displaying that things are running ok, uses the running color and icon.
OK / Running
An alert list item displaying that things are running ok, uses the running color and icon.
Component building blocks
How the Alert list items are built up and styled.
Anatomy
The Alert list items are nested components with text and UI components.
Colors and styles
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 label tells you about your location in the application and makes it easy to access other parts.
Specs
This component is built up by a oval slider and icons.
