Skip to main content
Detailed usage breakdown with individual item listings and consumption metrics.

Installation

Install the component from the Blocks registry:
npx shadcn@latest add @blocks/stats-14

Dependencies

This component requires the following shadcn/ui components:
  • card

Usage

import Stats14 from "@/components/stats-14";

export default function Page() {
  return <Stats14 />;
}

Features

  • Usage breakdown - Itemized consumption list
  • Individual metrics - Per-item statistics
  • Detailed listing - Comprehensive usage data
  • Total aggregation - Overall usage summary
  • Clean organization - Easy-to-scan layout

Use Cases

  • Detailed usage reports
  • Itemized billing
  • Resource consumption analysis
  • Cost breakdown
  • Service usage tracking

Build docs developers (and LLMs) love