> For the complete documentation index, see [llms.txt](https://docs.floatgrids.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.floatgrids.com/ui-components/empty-state.md).

# Empty State

Empty states are used to guide users towards an action. They take over a screen before items have been edded to it. Empty states have 4 main sections: Icon, title, description and actions.

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2F2GTC1IdNRW8ydayCLNZx%2FEmpty%20State%20(1).jpg?alt=media&amp;token=439d1552-58db-4327-8c0b-a9eda4798dc3" alt=""><figcaption></figcaption></figure>

## Adaptable

The Empty State component is fully customizable in both Figma and Unity. You can easily combine its sections and they will adapt to each other.

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FQMVKV1n0RazIiWJS7kMB%2Fempty-state-gif.gif?alt=media&amp;token=66fad2a6-1455-4486-9f75-01e523f799df" alt=""><figcaption></figcaption></figure>

## Empty States structure in Unity

### Prefabs

* Empty State

*Find it in FloatGrids/Design System/UI Components/Empty State*
