Skip to content
Telescope
Components

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.

Showing 99 expenses

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 to learn why and when you should use this component.

Examples

Fetching results

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

Show code
<FilterResults>
    <FilterResults.Spinner />
    <FilterResults.Clear>Clear filters</FilterResults.Clear>
</FilterResults>

Related components

  • Filter menu: A component used to apply category-specific filters for a dataset.
Didn't find what you were looking for?
Let us know in #team-design-systems or make a request.
Edit this page