Empty and loading
Say what will appear, and sketch the shape while it loads.
Every list and page handles the moment before data arrives, and the moment when there isn't any.
Empty
No invoices yet
Invoices you issue to customers will appear here.
Loading
When to use
- An empty state that says what will appear here and offers the action that fills it
- Grey placeholders shaped like the content that's loading
When not to use
- Full-page spinners
- Empty states that only say “No data”