Stat

A metric/KPI card — label, big value, optional coloured delta (up/down) + icon. Built on Card; lay several out in a Grid. Shared variant/size axes.

KPI row

Revenue

$48,120

+12.4% vs last month

Active users

8,241

-3.1 vs last week

Error rate

0.8%

-0.2 vs last week

<script>
  import { Stat, Grid } from '@spaethtech/svelte-ui';
</script>

<Grid columns={{ base: 1, sm: 3 }} gap={4}>
  <Stat label="Revenue" value="$48,120" delta="+12.4%" deltaLabel="vs last month" variant="success" />
  <Stat label="Active users" value="8,241" delta={-3.1} deltaLabel="vs last week" />
  <Stat label="Error rate" value="0.8%" delta={-0.2} invertDelta deltaLabel="vs last week" />
</Grid>

Sizes

Small

123

Medium

1,234

Large

12,345

-8