@apliteni/apliteni-ui 0.53.1 → 0.53.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/guidelines/empty-states.md +13 -0
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
# Empty states
|
|
2
|
+
|
|
3
|
+
## Explain what is missing and show the next step
|
|
4
|
+
|
|
5
|
+
<!-- rule: next-action -->
|
|
6
|
+
|
|
7
|
+
**Rule:** Use the kit’s `emptyState()` or React `EmptyState` when there is no content. Say what is missing and include an action that helps the reader continue. Inline “no matches” text inside a dropdown or command palette is a result message, not an empty state.
|
|
8
|
+
|
|
9
|
+
**Why:** A blank area may leave readers unsure whether there is no content or the page has failed.
|
|
10
|
+
|
|
11
|
+
**Do:** Show “No projects yet” with a “Create project” action. Use the kit’s existing spacing and illustration.
|
|
12
|
+
|
|
13
|
+
**Don't:** Show “Nothing here” without an action.
|