Horizon AI Boilerplate - @shadcn/ui
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"
/>