TableSimple
Declarative table renderer with rows + columns, ideal for straightforward data tables.
Import
import { TableSimple } from "@repo/design-system/components/table/table-simple";Example
Default
| ID | Status | |||
|---|---|---|---|---|
| u_1 | Avery Nguyen | avery.nguyen@email.com | Active | |
| u_2 | Jordan Miller | jordan.miller@email.com | Banned | |
| u_3 | Sasha Davis | sasha.davis@email.com | Active |
Compact
| ID | Status | |||
|---|---|---|---|---|
| u_1 | Avery Nguyen | avery.nguyen@email.com | Active | |
| u_2 | Jordan Miller | jordan.miller@email.com | Banned | |
| u_3 | Sasha Davis | sasha.davis@email.com | Active |
Example: Row Selection with Header Toolbar
Select rows to see the header toolbar
| ID | Status | ||||
|---|---|---|---|---|---|
| u_1 | Avery Nguyen | avery.nguyen@email.com | Active | ||
| u_2 | Jordan Miller | jordan.miller@email.com | Banned | ||
| u_3 | Sasha Davis | sasha.davis@email.com | Active |