Live examples
Loading example…
Loading example…
The components
- TableA plain table in a labeled area you can scroll with the keyboard.
- DataGridA table with sorting, paging, row selection and column toggles.
- PaginationMove between pages of results, even when the total isn’t known.
- MatrixA heatmap table of counts with a single-hue fill, linked headers and linked cells.
- StatusBadgeA status label with a matching icon and color.
Imports
Install once with npm install @stackunseen/ui, then import what you use.
tsx
import { Table, Pagination, Matrix, StatusBadge } from '@stackunseen/ui';
import { DataGrid } from '@stackunseen/ui/application';
import '@stackunseen/ui/styles.css';
import '@stackunseen/ui/application.css';See them working together in SaaS admin.