#Overview

An empty state is used when an interface element has no content or data to display.

We use this as an opportunity and use the space to give guidance to the user.

#Types of empty states

#First use

First Use is currently only used within the community elements. It appears when no contribution from the community can be displayed yet.

Please consider the Imagery guidelines.

Title: Describes the reason for the Empty State

Body copy: Explains how you can change this state.

Call-to-action: In this case, it tries to motivate the user to be the first to start the discussion about the product at hand.

#No results

This element appears when there are no results to display. This can happen when someone combines filter options that lead to no result.

#No data

This is textual information to indicate that there is no data to be presented yet, for example, when the user has never interacted with the community.