# Filters layout

A composable and responsive layout component for filters

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

[View in Figma](https://www.figma.com/design/J4pl8gvfmMdbigPMiaCwrr/%F0%9F%94%AD-Web-Components---Telescope?node-id=22809-131833&t=rSNmmqks6cPefwuh-11)[View on Github](https://github.com/pleo-io/web/tree/main/published-packages/telescope-components/src/components/filters)[Open in Storybook](https://telescope.pleo.io/storybook/?path=/story/filterslayout--with-results)[View metrics](https://reimagined-spoon-6841wle.pages.github.io/)

## No guidelines available

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

## Related components

- [Filter menu](/components/web/filter-menu/filter-menu.guidelines): A component used to apply category-specific filters for a dataset.
- [Filter results](/components/web/filter-results/filter-results.guidelines): Used to reflect the amount of results given a set of applied filters. It's also used to allow users to clear all filters.