داشبورد مالی
finance-dashboardقالبداشبورد مالی با ارزش دارایی و شمارهانداز، دکمهی پنهان کردن، نمودار ۱۴ روزهی شمسی، جدول داراییها با اسپارکلاین، معاملهی سریع و تراکنشها.
داشبوردنمودارارز
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add finance-dashboardنصب دستی
محتوای تب «کد» را در
components/templates/finance-dashboard.tsxبگذارید. پیشنیاز: sidebar، stat، table، badge، avatar، button، input، select، slider، tabs، chart، odometer.$ npm i lucide-reactکپی کل فایلregistry json
ساختهشده از
استفاده
usage.tsx
1// app/finance-dashboard/page.tsx2import { FinanceDashboard } from "@/components/templates/finance-dashboard"34export default function Page() {5 return <FinanceDashboard />6}