Data Display

KPI Card

Metric display: value, label, delta.

KPI Cards

Metric displays with delta indicators.

$1.2MARR+18%
76Customers+3
2.1%Churn+0.3%

API Reference

PropTypeDefaultDescription
valuestring | number--The primary metric value.
labelstring--Label below the value.
deltastring--Change indicator (e.g. '+18%').
deltaType"positive" | "negative" | "neutral""neutral"Color of the delta indicator.

Usage

import { KPICard } from "@doss/tetris-ui";