Components

Table

A data-driven table component. Accepts a columns definition and a records array, with render props to fully customize each cell, header, and footer.

NameRole
AliceAdmin
BobMember
import { Table } from "@empreint/ui";

<Table
	columns={[
		{ name: "name", label: "Name" },
		{ name: "email", label: "Email" },
	]}
	records={[
		{ name: "Alice", email: "alice@example.com" },
		{ name: "Bob", email: "bob@example.com" },
	]}
	uniqueKey="name"
/>

Props

Prop

Type

CSS Variables

The Table component does not expose CSS variables. Use the standard sub-components TableTh, TableTr, TableTd (or override via your own render functions) to style cells.