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

# IFilterGroupsCustomizer

- Package: [@gooddata/sdk-ui-dashboard](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/index.md)
- Kind: interface
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-dashboard/src/plugins/customizer.ts

Set of functions you can use to customize how filter groups are rendered.

**Signature:**

```typescript
export interface IFilterGroupsCustomizer 
```

## Methods

| Method | Description |
| --- | --- |
| [withCustomProvider(provider)](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ifiltergroupscustomizer/index.md#ifiltergroupscustomizerwithcustomprovider) | Register a provider for React components to render filter groups. |

## Method details

### IFilterGroupsCustomizer.withCustomProvider()

Register a provider for React components to render filter groups.

**Signature:**

```typescript
withCustomProvider(provider: OptionalFilterGroupComponentProvider): IFilterGroupsCustomizer;
```

#### Parameters

| Parameter | Type | Description |
| --- | --- | --- |
| provider | [OptionalFilterGroupComponentProvider](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.optionalfiltergroupcomponentprovider/index.md) |  |

**Returns:**

[IFilterGroupsCustomizer](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ifiltergroupscustomizer/index.md)