Related Pages:
| Table of Contents |
|---|
Description
...
Message Bar is triggered by the system.
Message bar stay stays on the screen. In some cases users will be able to close it.
...
The message bar may consist of:
Status Icon - In On the left side, indicating the type of message bar.
Text - Content of the message. Long text will wrap up to 2 rows. Longer text will be truncated where the full text will show on tooltip.
Link (optional) - e.g. Learn more.
Close icon (optional).
Placement and Positioning
A Message Bar will be placed at the top of the container filling its entire width.
Interaction
Clicking the closing button (x) closes the message bar with a short fade effect.
...
After dismissing the message bar the content below will move to take its place.
Best Practices
Use:
to display system generated messages and warnings.
when you need a way to show messages, while keeping the rest of the page interactive.
...
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility**Asaf to check
Design
Zeplin link | Screen thumbnail |
|---|---|
 |
...