Catalog filters

A set of controls, like checkboxes, selects and sliders, for narrowing down a list by several criteria.

Also called: filters, filter, filtering, catalog filters, product filters, faceted search, facets, narrow down, refine, refine results, clear filters, reset filters

What it is for

An important way to navigate large catalogs: you can narrow them down by price, brand, availability and so on. The chosen criteria show up as chips that you can remove one by one, or all at once.

Where you see it

• Marketplaces — multi-criteria search in a sidebar or a top bar
• Travel sites — filtering offers (Booking.com, Skyscanner)
• Real estate — price, neighborhood, number of rooms

What it is called in code

• filters
• faceted search
• query params

See also

• Checkbox — A small square you tick to select an option, and untick to deselect it.
• Slider — A control for picking a value, or a range of values, by dragging a handle along a track.
• Table — Data laid out in rows and columns.