Components
Tailwind CSS Statistics Card

Horizon UI Boilerplate - Default

Tailwind CSS 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