dd009_"No data" is default copy for the empty state component.

Question#

How might we show the user that there is no information that can be displayed based on a lack of matching results, or in a scenario where data does not exist? (IE. There are no manufacturers that exist for a company, therefore none can be displayed.)

Additional context in design system slack channel conversation

List of options

Option 1: We use the default empty state component.

Option 2: We use the default empty state component and modify the description from "No data" to "No results found".

Option 1#

For

  • This default component is already used implicitly in a lot of other components that have empty states. There is a development cost everytime we move away from one of their components

Against

  • The "No data" description is not as user friendly or familiar as it could be.

Option 2#

For

  • "No results found" is more familiar than "No data".

Against

  • There is a development cost everytime we move away from one of their components.

Decision#

Option 1: We use the default empty state component. This did not feel like an appropriate use case for maintaining a component long term.

Last updated on by Paulo Andrade