Admin Stat Strip

Responsive Tailwind row of admin KPI tiles, each with a label, a large tabular value and an optional up or down delta. Collapses from four columns to one.

src/registry/ui/admin-stat-strip.tsx/r/admin-stat-strip.json

Installation#

bash
npx shadcn@latest add @minidev/admin-stat-strip

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/admin-stat-strip.json

Usage#

tsx
import { AdminStatStrip } from "@/components/ui/admin-stat-strip"

export function Example() {
  return (
    <AdminStatStrip
      stats={[
        { label: "Seats", value: "42", delta: 8 },
        { label: "Active", value: "128", delta: 3.2 },
        { label: "Errors", value: "0.4%", delta: -12 },
      ]}
    />
  )
}

API reference#

AdminStatStrip props
PropTypeDefault
statsStat[]SAMPLE_STATS
classNamestring-

Dependencies#

npm

React only

Built from

Examples#

All dashboard components

Learn more