| Table of Contents |
|---|
...
LUX has specific designs for 4 empty state types. In instances where an individual a single empty state should be displayed, use the relevant illustration. In instances where there are several content panes, and multiple empty states need to be shown at the same time, use the corresponding icon(s) instead.
Type | Usage | Illustration | Icon |
|---|---|---|---|
No results found | Use when a user’s search criteria returns no results. |  |  |
No <entities> defined | Use when no entities, such as users in a list of users, have been defined.Replace the full content area with the empty state. |
| |
Empty notifications | Use when a user has no new notifications to review.Replace the content pane area with the empty state. |
| |
Waiting | Use when an action is in progress.Replace the full content area with the empty state. |
|
Usage & Behaviour
General guidelines
...
Totally empty states, this approach creates confusion for users.
Inaccurate written explanations.
Irrelevant actions.
Unrelated visual content.
General
<…>
Accessibility Compliance
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility
...