> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# Filters

> Filter components and hooks for building interactive analytics UIs.

GoodData.UI lets users narrow down what a chart, pivot table, or dashboard shows. The SDK covers the four filter types the analytics engine understands: attribute filters (single- and multi-select element pickers), date filters (absolute ranges, relative ranges, and presets), measure value filters (numeric comparisons), and ranking filters (top and bottom N by a measure).

Each filter is available as a ready-to-use React component. Attribute filters also come as two headless hooks, `useAttributeFilterController` and `useAttributeFilterHandler`, so you can build your own UI while reusing the SDK's loading, paging, and selection logic. The filters you create plug into a [dashboard](https://www.gooddata.ai/docs/gooddata-ui/latest/dashboard-plugins/dashboard/index.md) or into standalone [visualizations](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/index.md) through their `filters` prop.

## Pages

- [Date filter presets](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/customize-date-filter-presets/index.md): Change the granularities and presets that dashboard date filters offer by creating the dateFilterConfig organization or workspace setting.
- [Filter visualizations](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/filter-visual-components/index.md): Create attribute, date, measure-value, and ranking filters and apply them to charts, InsightView, or individual measures.
- [Attribute filter](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/attribute-filter/index.md): Configure AttributeFilter with a filter definition or placeholder, handle selection changes, choose selection behavior, and replace its UI components.
- [Attribute filter button](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/attribute-filter-button/index.md): Configure AttributeFilterButton with a filter definition or placeholder, handle selected values, choose single or multiple selection, and replace its UI components.
- [Date filter](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/date-filter/index.md): Configure DateFilter with filter options, granularities, and a date format, and handle the applied selection.
- [Measure value filter](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/measure-value-filter/index.md): Let users edit and apply a measure value filter, configure input formatting and null handling, or render the dropdown with a custom toggle button.
- [Ranking filter](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/ranking-filter/index.md): Let users edit and apply a ranking filter to a visualization, or render the filter dropdown with a custom toggle button.
- [Inspect filter objects](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/inspecting-filters/index.md): Split an IFilter array by kind, find the filter for a display form, read or replace the selected elements, and detect an empty selection without reading filter internals.
- [useAttributeFilterController](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/use-attribute-filter-controller/index.md): Build fully custom attribute filter UIs with SDK-managed state, elements loading, and apply callbacks.
- [useAttributeFilterHandler](https://www.gooddata.ai/docs/gooddata-ui/latest/filters/use-attribute-filter-handler/index.md): Access the IMultiSelectAttributeFilterHandler Core API directly for low-level attribute filter control.