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

# IVisualizationProps

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

Super-interface for all visualization props.

**Signature:**

```typescript
export interface IVisualizationProps 
```

## Remarks

Charts, tables or anything else - all should have these basic props.

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [drillableItems?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.ivisualizationprops/index.md#ivisualizationpropsdrillableitems) |  | [ExplicitDrill](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.explicitdrill/index.md)[] | _(Optional)_ Configure drillability; e.g. which parts of the visualization can be interacted with. |
| [ErrorComponent?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.ivisualizationprops/index.md#ivisualizationpropserrorcomponent) |  | ComponentType<[IErrorProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.ierrorprops/index.md)> | _(Optional)_ React component to display in the event when there is an error with either obtaining the data from backend or with the data itself. |
| [exportTitle?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.ivisualizationprops/index.md#ivisualizationpropsexporttitle) |  | string | _(Optional)_ Set title to use for exported files. |
| [LoadingComponent?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.ivisualizationprops/index.md#ivisualizationpropsloadingcomponent) |  | ComponentType<[ILoadingProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.iloadingprops/index.md)> | _(Optional)_ React component to display while loading data from the backend. |
| [locale?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/sdk-ui.ivisualizationprops/index.md#ivisualizationpropslocale) |  | string | _(Optional)_ Set Locale for visualization localization. |

## Property details

### IVisualizationProps.drillableItems

Configure drillability; e.g. which parts of the visualization can be interacted with.

**Signature:**

```typescript
drillableItems?: ExplicitDrill[];
```

### IVisualizationProps.ErrorComponent

React component to display in the event when there is an error with either obtaining the data from backend or with the data itself.

**Signature:**

```typescript
ErrorComponent?: ComponentType<IErrorProps>;
```

### IVisualizationProps.exportTitle

Set title to use for exported files.

**Signature:**

```typescript
exportTitle?: string;
```

#### Remarks

Note: you can also specify export file name as parameters to the export function which you receive in the onExportReady. If you do not specify title here and neither as input to export function, the the name will default to name of the visualization component.

### IVisualizationProps.LoadingComponent

React component to display while loading data from the backend.

**Signature:**

```typescript
LoadingComponent?: ComponentType<ILoadingProps>;
```

### IVisualizationProps.locale

Set Locale for visualization localization.

**Signature:**

```typescript
locale?: string;
```

#### Remarks

Note: This locale will be used for everything EXCEPT the data being visualized.