Data Display
7 componentsComponents for presenting data - cards, tables, statistics, timelines, trees, and calendars. Display structured information clearly.
@ninna-ui/data-displaypnpm add @ninna-ui/data-displayRequires @ninna-ui/core (auto-installed) + CSS setup.
Features
- ✓7 data display components
- ✓DataTable with sorting, pagination, selection
- ✓Card with composable sub-components
- ✓Timeline for activity feeds
- ✓Tree view with nested data
- ✓Calendar with date range support
Components
Card
Content container with header, body, footer, and multiple variants.
Stat
Statistic display with label, value, trend indicator, and help text.
Table
Semantic HTML table with striped, hoverable, and compact variants.
DataTable
Feature-rich data table with sorting, pagination, and selection.
Timeline
Vertical timeline for activity feeds, changelogs, and history.
Tree
Hierarchical tree view with expand/collapse and selection.
Calendar
Date calendar with single and range selection modes.
Quick Start
import { Card, Stat, Table } from "@ninna-ui/data-display";