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

# IFilterButtonCustomIcon

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

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Represents a custom icon with associated tooltip information.

**Signature:**

```typescript
export interface IFilterButtonCustomIcon 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [bubbleAlignPoints?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.ifilterbuttoncustomicon/index.md#ifilterbuttoncustomiconbubblealignpoints) |  | IAlignPoint[] | **_(ALPHA)_** _(Optional)_ Optional alignment points for positioning the bubble associated with the icon. |
| [bubbleClassNames?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.ifilterbuttoncustomicon/index.md#ifilterbuttoncustomiconbubbleclassnames) |  | string | **_(ALPHA)_** _(Optional)_ Optional class names to style a bubble associated with the icon. |
| [icon](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.ifilterbuttoncustomicon/index.md#ifilterbuttoncustomiconicon) |  | string | **_(ALPHA)_** The icon to be displayed. |
| [tooltip](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.ifilterbuttoncustomicon/index.md#ifilterbuttoncustomicontooltip) |  | string | **_(ALPHA)_** The tooltip text to be shown when the icon is hovered over. |

## Property details

### IFilterButtonCustomIcon.bubbleAlignPoints

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Optional alignment points for positioning the bubble associated with the icon.

**Signature:**

```typescript
bubbleAlignPoints?: IAlignPoint[];
```

### IFilterButtonCustomIcon.bubbleClassNames

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Optional class names to style a bubble associated with the icon.

**Signature:**

```typescript
bubbleClassNames?: string;
```

### IFilterButtonCustomIcon.icon

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

The icon to be displayed.

**Signature:**

```typescript
icon: string;
```

### IFilterButtonCustomIcon.tooltip

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

The tooltip text to be shown when the icon is hovered over.

**Signature:**

```typescript
tooltip: string;
```