| Table of Contents |
|---|
...
LUX has specific designs for 4 empty state types. In instances where an individual empty state should be shown on a full pagedisplayed, use the appropriate illustration should be used in place of page contentrelevant illustration. In instances where an empty state should be shown in smaller containers, such as a widgets, the corresponding icon should be used there are several content panes, and multiple empty states need to be shown at the same time, use the corresponding icon 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.  |
...
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
...