8 contracts

Data components

The components that render collections — tables, lists, galleries, timelines, trees. Contracts define how data is presented consistently as the app scales.

TableStatic tabular data. Use DataTable when you need sort/filter/pagination.

DataTableInteractive table with sort, filter, pagination, and row selection.

ListVertical list of items. Lighter than Table — no columns.

ListItemSingle row inside a List. Image + title + subtitle + meta + chevron.

TreeViewExpandable hierarchy — files, org charts, nested categories.

CalendarMonth/week/day calendar view. For booking flows, schedules, agenda boards.

KanbanColumnSingle vertical column of cards in a Kanban board.

TimelineVertical list of events ordered chronologically.

Related

Form components

Display components

Navigation components

Get data components in your project.