Stat

KPI value with an icon and a tinted trend badge.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/card-05

Files

• registry/patterns/card/card-05.tsx
• src/components/ui/badge.tsx
• src/components/ui/card.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• shadcn/ui Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components
• Stat Components
• React Stat Components
• Tailwind CSS Stat Components
• shadcn/ui Stat Components

More from FLX UI

• Basic
• With image
• Horizontal
• With action menu
• Login form
• Opens in dialog
• Profile
• Pricing
• Product
• Notification settings
• Selectable
• Image overlay