Table

A responsive table for tabular data.

$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/table.json

A list of your recent invoices.
Invoice	Status	Method	Amount
INV-001	Paid	Credit card	$250
INV-002	Pending	PayPal	$150
INV-003	Unpaid	Bank transfer	$350
Total			$750

Installation

Add Table with the shadcn CLI, or copy the source by hand. In this repo there's nothing to install — import it from @multidash/ui.

$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/table.json

Adds the component, the components it builds on, its npm packages and the theme tokens it uses. Using Multidash often? Add the registry to components.json once:

components.json

{
  "registries": {
    "@multidash": "https://multidash-app.vercel.app/r/{name}.json"
  }
}

Then add components by name:

$ pnpm dlx shadcn@latest add @multidash/table

Usage

import {
  Table,
  TableHeader,
  TableBody,
  TableFooter,
  TableHead,
  TableRow,
  TableCell,
  TableCaption,
} from "@multidash/ui/components/table"