Empty states provide users with feedback on the reasons behind the empty state and what they can do to move out of the empty state.
There are three default animations available to communicate empty states. The scenario for each empty state and animation is shown below:
Empty dataset: There are no elements in the data set at a certain level
Empty search results: The filters or search results return zero results.
Empty state for success: The user has emptied the dataset for a good cause. For example, all the notifications have been addressed, resulting in a clean state.
These attributes are used for an animation:
The margin from the container to the top element is 80px.
Is not always necessary to have an animation or image in the Empty State. For those cases, you can use a composition with the main text, message and a button for the actions.