Table

Semantic table primitives for presenting structured rows and columns with consistent styling.

Installation

bunx @swift-rust/ui add table

Usage

tsx

1import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
2 
3<Table>
4  <TableHeader>
5    <TableRow><TableHead>Name</TableHead><TableHead>Role</TableHead></TableRow>
6  </TableHeader>
7  <TableBody>
8    <TableRow><TableCell>Ada</TableCell><TableCell>Owner</TableCell></TableRow>
9  </TableBody>
10</Table>

Composition

Table is composed of these parts:

Table
├── TableHeader
│   └── TableRow
│       └── TableHead
└── TableBody
    └── TableRow
        └── TableCell

Examples

Name	Status	Role
Ada	Active	Owner
Grace	Invited	Admin

← Switch Tabs →