Components

Table

Plain HTML tables on a glass panel, with hairline rows.

EntryCategoryAmount
Rent MonthlyHousing−$1,850
Paycheck MonthlySalary+$8,450
Weekly shop Groceries−$164

Import

import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from '@rinzai/zen';

API reference

<Table>

A plain HTML table on a glass panel whose edge catches the pointer light, scrolling sideways when it doesn't fit. Compose with the Table* parts.

No props of its own; it accepts the props of the element it renders.

<TableHeader>

Column headings: small, muted, spaced caps.

No props of its own; it accepts the props of the element it renders.

<TableBody>

Rows, split by hairlines.

No props of its own; it accepts the props of the element it renders.

<TableRow>

No props of its own; it accepts the props of the element it renders.

<TableHead>

No props of its own; it accepts the props of the element it renders.

<TableCell>

No props of its own; it accepts the props of the element it renders.