# Filter results

Used to reflect the amount of results given a set of applied filters. It's also used to allow users to clear all filters.

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

## Features

- Flexible and composable API.

- Show the number of filter results.

- Provide an easy way to clear all filters.

## When to use

See our [filtering guidelines](/patterns/filtering/filtering.about) to learn why and when you should use this component.

## Examples

### Fetching results

Replace the `Text` component with the `Spinner` component while fetching results.

```tsx
<FilterResults>
    <FilterResults.Spinner />
    <FilterResults.Clear>Clear filters</FilterResults.Clear>
</FilterResults>
```

## Related components

- [Filter menu](/components/web/filter-menu/filter-menu.guidelines): A component used to apply category-specific filters for a dataset.
