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

# IThemeDashboardContentKpi

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

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Dashboard content KPI customizable properties.

**Signature:**

```typescript
export interface IThemeDashboardContentKpi 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [backgroundColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardcontentkpi/index.md#ithemedashboardcontentkpibackgroundcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Kpi widget background color |
| [borderColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardcontentkpi/index.md#ithemedashboardcontentkpibordercolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Kpi widget border color |
| [borderRadius?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardcontentkpi/index.md#ithemedashboardcontentkpiborderradius) |  | string | **_(BETA)_** _(Optional)_ Kpi widget border radius in px |
| [borderWidth?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardcontentkpi/index.md#ithemedashboardcontentkpiborderwidth) |  | string | **_(BETA)_** _(Optional)_ Kpi widget border width |
| [dropShadow?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardcontentkpi/index.md#ithemedashboardcontentkpidropshadow) |  | boolean | **_(BETA)_** _(Optional)_ Flag determining whether the kpi widget has a shadow or not |
| [kpi?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardcontentkpi/index.md#ithemedashboardcontentkpikpi) |  | [IThemeKpi](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemekpi/index.md) | **_(BETA)_** _(Optional)_ Dashboards specific Kpi/Headline customizable UI properties |
| [title?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardcontentkpi/index.md#ithemedashboardcontentkpititle) |  | [IThemeWidgetTitle](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemewidgettitle/index.md) | **_(BETA)_** _(Optional)_ Kpi widget title color and alignment |

## Property details

### IThemeDashboardContentKpi.backgroundColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Kpi widget background color

**Signature:**

```typescript
backgroundColor?: ThemeColor;
```

### IThemeDashboardContentKpi.borderColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Kpi widget border color

**Signature:**

```typescript
borderColor?: ThemeColor;
```

### IThemeDashboardContentKpi.borderRadius

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Kpi widget border radius in px

**Signature:**

```typescript
borderRadius?: string;
```

### IThemeDashboardContentKpi.borderWidth

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Kpi widget border width

**Signature:**

```typescript
borderWidth?: string;
```

### IThemeDashboardContentKpi.dropShadow

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Flag determining whether the kpi widget has a shadow or not

**Signature:**

```typescript
dropShadow?: boolean;
```

### IThemeDashboardContentKpi.kpi

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Dashboards specific Kpi/Headline customizable UI properties

**Signature:**

```typescript
kpi?: IThemeKpi;
```

### IThemeDashboardContentKpi.title

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Kpi widget title color and alignment

**Signature:**

```typescript
title?: IThemeWidgetTitle;
```