18Switch language to English

Stats

السابقالتالي

A statistics overview card with multiple metrics and chart visualizations.

import { CardsStats } from "@/components/atom/stats"

// Cards read their copy from the site dictionary; the demo passes an empty one.
const dictionary = { locale: "en", cards: {} } as any

export default function StatsDemo() {
  return (
    <>
      <CardsStats dictionary={dictionary} />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/stats

Usage

import { CardsStats } from "@/components/atom/stats"
<CardsStats />