Empty state & file upload
Empty state
Section titled “Empty state”Empty / no-results state for tables, lists and pages.
Variants: 2
| Property | Type / options |
|---|---|
| Title | text |
| Description | text |
| Actions | boolean (on) |
| Size | sm · md |
Do
- Explain what will appear and how to start.
- Offer one primary action.
- Use md inside cards and pages.
Don’t
- Don’t leave a screen blank.
- Don’t blame the user.
- Don’t show more than two actions.
File upload
Section titled “File upload”Drop zone. Hover = dragging a file over it.
Variants: 3
| Property | Type / options |
|---|---|
| Hint | text |
| State | Default · Hover · Disabled |
File upload item
Section titled “File upload item”Uploaded file row with progress.
Variants: 3
| Property | Type / options |
|---|---|
| File name | text |
| State | Uploading · Complete · Error |