Data Table
Support exploration even when there is no data or no matching result.
Created & adapted by Insan NurjamanAnt Design foundationCurated public preview
Component model
Search, filters, column controls, bulk actions, table content, and pagination share a family. Default, Empty, and No Search Results are distinct design states. Names and values inside the exports are examples.
Usage
Choose deliberately
- Explain whether the dataset is empty or the query found no matches.
- Offer a recovery related to the actual state.
- Keep filters and selection scope understandable.
Keep the limits visible
Source properties and screenshots document design intent. Validate the supported combinations and interaction behavior in the implementation before treating them as a guarantee.
Read usage guidelines Curated design documentation by Insan Nurjaman. Native examples are illustrative, not a production package or a standards certification.
Explore the story