Components

Table

A composable, styled table primitive for arbitrary tabular data.

Available since@crisp-ui-kit/crisp@0.11.0

The lightweight table primitive — a bordered, rounded, scrollable surface with a muted header and hairline row separators. Compose it by hand from TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, and TableCaption.

For sorting / filtering / selection / inline-edit out of the box, use DataTable, which is built on these primitives.

Installation

npm install @crisp-ui-kit/crisp

Props

Table

Prop

Type

TableHead

Prop

Type

TableCell

Prop

Type

The rest (TableHeader, TableBody, TableFooter, TableRow, TableCaption) are thin styled wrappers over their semantic elements.

Examples

Bleed surface

surface="bleed" drops the outer border/radius so the grid runs edge-to-edge, like RecordsTable's real full-page records grid.

On this page