Table of Contents |
---|
...
LUX has specific designs for 4 empty state types. In instances where an empty state should be shown on a full page, the appropriate illustration should be used in place of page content. In instances where an empty state should be shown in smaller containers, such as a widgets, the corresponding icon should be used instead.
Type | Usage | Illustration | Full page | WidgetIcon | |
---|---|---|---|---|---|
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. | Render the LUX frame, including the VerinTop. | Replace the full content area with the empty state. | ||
Empty notifications | Use when a user has no new notifications to review. | Render the LUX frame, including the VerinTop. Replace the content pane area with the empty state. | |||
Waiting | Use when an action is in progress. | Render the LUX frame, including the VerinTop. | 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
...