ts
| Guidance | Practices |
|---|---|
| Do | Include a clear title and a call-to-action button so users know how to proceed. |
| Do | Use an illustration or icon that reinforces the context of the empty state. |
| Do | Use the compact variant inside cards or sidebars where space is limited. |
| Don't | Leave an empty state without guidance — always explain what happened and what the user can do next. |
| Don't | Use a generic message like "No data" — be specific about what is empty and why. |
| Don't | Use an EmptyState for error messages that require immediate action — use a Banner instead. |