dashboard

Install it

Source

1import { ChartAreaInteractive } from "./components/chart-area-interactive"
2import { DataTable } from "./components/data-table"
3import { SectionCards } from "./components/section-cards"
4 
5 
6import data from "./data.json"
7 
8export function DashboardPage() {
9  return (
10    <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
11      <SectionCards />
12      <div className="px-4 lg:px-6">
13        <ChartAreaInteractive />
14      </div>
15      <DataTable data={data} />
16    </div>
17  )
18}

What it pulls in

npm packages

• @dnd-kit/core
• @dnd-kit/modifiers
• @dnd-kit/sortable
• @dnd-kit/utilities
• @tabler/icons-react
• @tanstack/react-table
• recharts
• sonner
• zod

Other registry items

• avatar
• badge
• button
• card
• chart
• checkbox
• drawer
• dropdown-menu
• input
• label
• select
• separator
• sidebar
• table
• tabs
• toggle-group
• tooltip

Files it writes

• registry/new-york/dashboard/components/app-sidebar.tsx
• registry/new-york/dashboard/components/chart-area-interactive.tsx
• registry/new-york/dashboard/components/data-table.tsx
• registry/new-york/dashboard/components/nav-documents.tsx
• registry/new-york/dashboard/components/nav-main.tsx
• registry/new-york/dashboard/components/nav-secondary.tsx
• registry/new-york/dashboard/components/nav-user.tsx
• registry/new-york/dashboard/components/section-cards.tsx
• registry/new-york/dashboard/components/site-header.tsx
• registry/new-york/dashboard/dashboard-layout.tsx
• registry/new-york/dashboard/dashboard.tsx
• registry/new-york/dashboard/data.json