Anatomy
There are 6 components in an empty state:
( * ) = required
- Title * - this is most commonly use to describe the feature title, component title, or page title depending on the context of the empty state
- Description * - the description of the empty state, this includes an informative way to describe the feature or error messages as well as providing a constructive guideline.
- Link to doc - in most cases we will try to provide a link to relevant documentation in case a user needs more information about this feature.
- Primary action * - a primary action such as ‘commission’, ‘run’, etc. These actions need to help solve our users’ problems.
- Secondary action - a secondary action is an action that may be an alternative to the first action such as when a user can perform more than one action as a solution.
- Image (optional) - include an image, brand image, or icon that is relevant to the situation of the empty state.