Table

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

Name	Role
Tile UI	Design system
shadcn	Registry

import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '@tile-ui/vue';
 
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/vue';
 
<Table>
	<TableHeader>
		<TableRow>
			<TableHead>Name</TableHead>
		</TableRow>
	</TableHeader>
	<TableBody>
		<TableRow>
			<TableCell>Tile UI</TableCell>
		</TableRow>
	</TableBody>
</Table>