Status
Status types can be applied to FormGroup
(error and warning), MessageBar
, MessageBox
, Popover
, and Toast
(success).
Icon | Name | Description | Components |
---|---|---|---|
Success | Signifies that an action has been completed successfully | MessageBar, MessageBox, Popover, Toast | |
Information | Provides additional information in context | MessageBar, MessageBox, Popover | |
Warning | Warns the user in a situation where they may proceed | FormControl, MessageBar, MessageBox, Popover | |
Error | Warns the user in a situation where they cannot proceed until the error has been resolved | FormControl, MessageBar, MessageBox, Popover |
Success
- For “success” content
- To pair with “heads up” content
- To confirm the completion of a defined series of tasks or long task flow
Information
- To subtly communicate extra information pertaining to the page content or task
- To present supplementary information, like user guidance
Warning
- In medium impact situations (i.e. out of policy situation)
- To inform/alert users of a potential error
- To direct users toward a certain task flow
Error
- In high impact situations (e.g. deleting an expense report)
- To educate users on how to fix an error
- To bar users from completing a task until they fix an error