# Filter Builds and displays a set of structured filters. ```html Active Paused ``` ## Attributes | Attribute | Type or allowed values | Default | Description | | --- | --- | --- | --- | | `label` | `string` | `"Filter"` | Sets the add-filter label. | | `disabled` | `boolean` | `false` | Disables editing. | ## Properties | Property | Type or allowed values | Default | Description | | --- | --- | --- | --- | | `availableFilters` | `Array>` | `[]` | Defines available filters programmatically when declarative definitions are not used. | | `filters` | `Array>` | `[]` | Gets or sets active filters programmatically. | ## Events | Event | Type | Description | | --- | --- | --- | | `noora-filter-change` | `CustomEvent<{ filters: Array> }>` | Emitted when a filter is added, changed, or removed. | ## Slots | Slot | Description | | --- | --- | | `default` | Declarative noora-filter-definition and noora-filter-value children. | ## Styling parts | Part | Description | | --- | --- | | `filter` | The filter container. | | `active-filters` | The active-filter list. | | `add` | The add-filter control. | | `active-filter` | An active filter control. | Changes emit a `noora-filter-change` event. ## Status filter Offer a predefined status filter. ```html Active Paused ```