# SelectorFilter

Selector filter component to filter data among a column.

```js
import SelectorFilter from 'deepsight-react-components/SelectorFilter';

return <SelectorFilter ... />
```

## Props

| prop                    | type   | required | default   | description                                             |
| :---------------------- | :----- | :------: | :-------- | :------------------------------------------------------ |
| `filterId`              | string |  `true`  | `false`   | identifier of the filter                                |
| `type`                  | string |  `true`  | `numeric` | type of the selection criteria                          |
| `ref`                   | object | `false`  |           | reference to the element                                |
| `selectedFilter`        | func   | `false`  |           | identifier of the selected filter                       |
| `handleFilterSelection` | func   |  `true`  |           | handle the selection of a filter                        |
| `isFilterActive`        | bool   | `false`  |           | state of the filter                                     |
| `onFilterChange`        | func   |  `true`  |           | apply filter                                            |
| `itemList`              | any[]  | `false`  |           | the list of data available for filtering on string type |
| `filterPropertyKey`     | string |  `true`  |           | the property key on which the filter is applied         |