Empty State explains why an area has no content and, when useful, gives the user a next step. Compose it with ngs-empty-state, ngs-empty-state-title, ngs-empty-state-content, and optional ngs-empty-state-icon, ngs-empty-state-image, or ngs-empty-state-actions.
Use it for empty tables, lists, folders, dashboard sections, first-run screens, no search results, no filtered data, and places like “no projects yet” or “no messages yet”. Do not use it for loading, critical errors, decorative placeholders, hero blocks, or marketing sections.
Key features:
- Structured title, content, icon, image, and actions.
- Useful for first-run, no-data, and no-results states.
- Can include actions such as Create, Clear filters, Invite, or Upload.
- Works inside Data View empty templates when a dataset needs a custom empty state.