Shadcn.io is not affiliated with official shadcn/ui
Growth Stats
A React hover card showing metric with percentage growth indicator expanding to current previous and change comparison built with shadcn/ui
Percentage changes without context mean nothing. This React hover card shows revenue with 12.5 percent growth and ArrowUp icon expanding to current versus previous comparison showing actual dollar change on hover. Built with shadcn/ui HoverCard with compact button trigger and semantic green coloring, it's perfect for financial dashboards, KPI displays, or analytics where users need to understand growth magnitude beyond just percentages.
Growth Stats preview
Installation
Related Components
Simple Stats Hover Card
Basic metric with time breakdown
Stats with Chart
Visual trend representation
Comparison Stats
Side-by-side metric comparison
Badge Variants
Status indicators with colors
Stats Card
Simple metric display card
Button Variants
Different button styles
FAQ
Was this page helpful?
Sign in to leave feedback.