Skip to main content
Version: 11.14.0

FilterButtonComponent

The FilterButtonComponent represents an individual filter as a button, allowing removal or quick actions. It is used within the FiltersBarComponent to display each active filter.

Features​

  • Displays a single filter as a button
  • Allows removal of the filter
  • Can be extended for custom filter actions

Usage​

<filter-button [name]="Geo" [column]="geo" />
filters bar
tip

The height of the dropdown can be adjusted using the --agg-max-height CSS variable.

API Reference​

Inputs​

NameTypeDescription
name*stringName of the filter (required)
column*stringColumn key for the filter (required)
positionPlacementPosition of the dropdown (default: bottom-start)

name and column are required inputs for the component, because some filters can have the same column name but different values, and the name is used to identify the filter in the UI.

Notes​

  • Typically used inside FiltersBarComponent.
  • Integrates with filter state managed by stores.