Table

Styled HTML table with header, body, footer, row, head, and cell slots.

Invoice	Status	Method	Amount
INV-001	Paid	Credit Card	$250.00
INV-002	Pending	PayPal	$150.00
INV-003	Unpaid	Bank Transfer	$350.00
INV-004	Paid	Credit Card	$450.00

Installation

Run the CLI

$npx particleui-cli add table

Usage

TSX

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

export default function Example() {
  return (
    <Table>
      <TableHeader>
        <TableRow>
          <TableHead>Name</TableHead>
          <TableHead>Status</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        <TableRow>
          <TableCell>Alice</TableCell>
          <TableCell>Active</TableCell>
        </TableRow>
      </TableBody>
    </Table>
  )
}

Details

Source filecomponents/ui/table.tsx

Typeui

Categoriesdata, core

npm dependencies

Registry deps

Claude skill—