Data display

Stat API

Stat summarizes key metrics for dashboards, runtime health, and CMS activity.

Preview

Routes
42+8 this week

Published routes in the current app.

Build
1.8sfast path

Cold compile on current preview branch.

Queue
12needs review

Pending moderation items.

Import

import { Stat } from "@axonyx/react";

Props

PropTypeDefaultDescription
labelReactNoderequiredMetric label.
valueReactNoderequiredPrimary metric value.
deltaReactNodeundefinedSecondary change text.
tone"neutral" | "positive" | "warning" | "danger""neutral"Semantic metric tone.
iconReactNodeundefinedOptional icon slot in the stat header.
descriptionReactNodeundefinedMuted supporting context below the metric.

CSS contract

.ax-stat
.ax-stat__header
.ax-stat__label
.ax-stat__icon
.ax-stat__value
.ax-stat__delta
.ax-stat__description
[data-tone]