Stat Card
Statistics and metrics card
Preview
Total Revenue
$45,231
+12.5%
from last month
Total Users
1,234
+8%
from last month
Orders
892
-3%
from last month
Conversion
3.2%
+0.5%
from last month
{ window.Prism.highlightElement($refs.codeEl) }) }"
class="w-full flex items-center justify-between px-6 py-4 text-left bg-gray-50 dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer">
View Code
<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
<div class="flex items-center justify-between">
<div>
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Revenue</p>
<p class="text-3xl font-bold text-gray-900 dark:text-white mt-2">$45,231</p>
</div>
<div class="p-3 bg-blue-100 dark:bg-blue-900/30 rounded-full">
</div>
</div>
<div class="mt-4 flex items-center text-sm">
<span class="text-green-600 dark:text-green-400 font-medium">+12.5%</span>
<span class="text-gray-500 dark:text-gray-400 ml-2">from last month</span>
</div>
</div>