Shadcn UI Statistics Card

The Statistics card offers an easy way to display important information in any dashboard.

page.tsx

import Statistics from '@/components/dashboard/main/cards/Statistics';
 
    <Statistics
    icon={
        <div className="flex h-14 w-14 items-center justify-center rounded-full bg-lightPrimary text-4xl text-brand-500 dark:!bg-navy-700 dark:text-white">
        <MdOutlineGroup className="y-6 w-6" />
        </div>
    }
    title="Credits used in the last month"
    value="46,042"
    />

Statistics

Shadcn UI Sidebar Shadcn UI Subscription Page