Components

Table

Quiet data table: hairline borders, a surface-toned header, and rows that brighten gently under the pointer.

Motion	Spring
Aurora wash	Drift	412
Dock magnify	Snap	388
Drawer glide	Glide	351
Toast settle	Snap	274

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal

npx lumora-ui@latest add table

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx

import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@lumora/ui/components/table";
// or from the barrel:
import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@lumora/ui";

Props worth knowing

Composable table pieces with quiet hairline borders and rows that brighten on hover. stickyHeader on Table pins the head inside the scroll wrapper. sortable on a TableHead renders a button cycling asc/desc with a spring-rotated chevron and aria-sort — ordering is delegated through onSort, so your data stays yours. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.