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

# Kpi

- Package: [@gooddata/sdk-ui](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui/index.md)
- Kind: variable
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui/src/kpi/Kpi.tsx

Kpi is a simple component which calculates and renders a single formatted measure value.

**Signature:**

```typescript
Kpi: ComponentType<IKpiProps>
```

## Remarks

The the value is rendered inside a <span> element.

Kpi component is useful for instance for embedding data values into text paragraphs.

See also the [Headline()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.headline/index.md) component for a more 'chart-like' variant.