Specifications
| State | Example | Height | Use case |
|---|---|---|---|
| Small |
| 48px | Cards |
| Medium |
| 56px | Wizard |
| Large |
| 64px | Top of Page |
Note: In-cab size only. See mobile patterns (coming soon) for smaller options if required.
Behaviors
- Fills the width of its container.
- Should have an accompanying icon to the left of the message text, unless gray.
- When the text spans multiple lines, the icon should remain aligned to the top.
Editorial
- Messages should be brief, written in full sentences, with proper punctuation.
- They should provide the user with helpful, contextual information about a possible action or a set of data.