Empty states are used to communicate when a component has no content to display.
The “No Results” empty state informs the users that no results were found in their query.
Anatomy
Anatomy summary lists and describes all the elements that exist within a component (including other components nested within).
|
Element |
Description |
Optional? |
|---|---|---|
|
1. Image |
Default image. |
No |
|
2. Heading |
Informs the user that ‘no results’ have been found in query. |
No |
|
3. Description |
Supports the user by encouraging them to adjust their query to find results. |
No |
Variants
Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.
Component dependencies
This component is internally dependent on the following components:
Help and support