# Empty state

Used when there is no data to display to describe what the user can do next. Empty state provides explanation and guidance to help user progress.

Tabs: [Guidelines](/components/web/empty-state/empty-state.guidelines.md) · [Code](/components/web/empty-state/empty-state.code.md)

[View in Figma](https://www.figma.com/file/J4pl8gvfmMdbigPMiaCwrr/%E2%9D%96-Telescope-Web?type=design&node-id=8504-87874&mode=design&t=ssoWJAU40zC8lJSM-0)[View on Github](https://github.com/pleo-io/web/tree/main/published-packages/telescope-components/src/components/empty-state)[Open in Storybook](https://telescope.pleo.io/storybook/?path=/story/empty-state--with-action)[View metrics](https://reimagined-spoon-6841wle.pages.github.io/)

## No guidelines available

We haven't created guidelines for the Empty state component yet. If you're interested in helping out, please refer to [our contribution model](/contributing/contributing.overview).

## Related components

- [Page](/components/web/page/page.guidelines): A collection of components which let you compose a page in our web application.