An empty state improves the user experience by encouraging the user to interact with the interface. It can be used to ask the user to perform an action or to guide him through the interface.
An empty state must be placed in an area where an absence of data occurs: a card list, a notification panel, a modal, search results, etc.. (in an empty favorites list, for example).
For example, it can indicate a maintenance operation or an error. This component allows you to give feedback and instructions to follow instead of displaying empty blank spaces.