داشبورد مالی

finance-dashboardقالب

داشبورد مالی با ارزش دارایی و شماره‌انداز، دکمه‌ی پنهان کردن، نمودار ۱۴ روزه‌ی شمسی، جدول دارایی‌ها با اسپارک‌لاین، معامله‌ی سریع و تراکنش‌ها.

داشبوردنمودارارز
تمام‌صفحه

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add finance-dashboard
  2. نصب دستی

    محتوای تب «کد» را در 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}