...
replace the content that would ordinarily be shown, such as the table or list.
be positioned 1/3 from the top vertically and horizontally centered within the area of the content area, and horizontally centeredwhich it replaces.
Full page positioning example | Small container positioning example |
|---|---|
 |  |
...
Use short, clear, and informative messages underneath the visual.
Guide the user to perform a relevant action.A message may contain information about the system status or direct to relevant features.
Don’t:
Leave a the content area completely blank without an empty state visual - this creates confusion for users.
Include links to irrelevant actions.
...