AI patterns

KPICard

Number, delta, and sparkline at a glance — for AI dashboards and monitoring.

Preview

MRR

+12.4%

€48,210last 30d

Tickets / day

-8.3%

412this week

Avg. confidence

0.0%

92.4%all time

Installation

pnpm add nyxis-ui

Usage

import { KPICard } from 'nyxis-ui';
// or, for stricter tree-shaking:
// import { KPICard } from 'nyxis-ui/kpi-card';

<KPICard
  label="MRR"
  value="€48,210"
  period="last 30d"
  delta={0.124}
  sparkline={[0.2, 0.35, 0.5, 0.7, 0.85]}
/>;