Skip to main content
Stats cards with detailed status information and color-coded indicators. Includes percentage changes and status labels.

​
Installation

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

​
Dependencies

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

​
Usage

import Stats06 from "@/components/stats-06";

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

​
Features

  • Status labels - Clear status indicators for each metric
  • Percentage changes - Quantified performance metrics
  • Color coding - Visual status differentiation
  • Detailed information - Multiple data points per card
  • Professional styling - Enterprise-ready design

​
Use Cases

  • System health monitoring
  • Service status dashboards
  • Performance tracking
  • SLA monitoring
  • Infrastructure metrics

Build docs developers (and LLMs) love

Get started for freeTalk to us