Tile UI React
Source code

Components

Table

Composable table primitives for data display.

Use Table to lay out tabular data with consistent header, body, and footer sections.

NameRole
Tile UIDesign system
shadcnRegistry
import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '@tile-ui/react';

export default function TableDemo() {
	return (
		<Table>
			<TableHeader>

Registry install

pnpm dlx shadcn@latest add @tile-ui/table

Package usage

import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '@tile-ui/react';
 
<Table>
	<TableHeader>
		<TableRow>
			<TableHead>Name</TableHead>
		</TableRow>
	</TableHeader>
	<TableBody>
		<TableRow>
			<TableCell>Tile UI</TableCell>
		</TableRow>
	</TableBody>
</Table>

Highlights

  • Header, body, footer, and caption
  • Row, head, and cell primitives
  • Pairs with Pagination

Registry dependencies

ItemPurpose
tableComponent source and module styles
coreFramework-agnostic logic helpers
stylesShared SCSS tokens and globals

API reference

Table

No custom props.

TableHeader

No custom props.

TableBody

No custom props.

TableFooter

No custom props.

TableRow

No custom props.

TableHead

No custom props.

TableCell

No custom props.

TableCaption

No custom props.

PreviousSwitchNextTabs