Data display
Dense, sortable, scannable: the surfaces a real product reads numbers from.
17 documented entries in this family.
A real table with sorting, facets, selection, column control and every state controlled.
@luc/ui/data-tableThe same contract for result sets too large to render.
@luc/ui/data-tableThe row above a table: search, facets, column visibility and the selection count.
@luc/ui/data-tablePage controls bound to the table's own state, server-side paging included.
@luc/ui/data-tableMulti-select filtering derived from the data, with counts that reflect the other facets.
@luc/ui/data-tableShow and hide columns without losing the user's arrangement.
@luc/ui/data-tableA sequence of events with machine-readable times and no invented ordering.
@luc/ui/components/timelineA sequence of comparable rows on one hairline grid, with the slots that keep ten rows aligned.
@luc/uiColumns of cards that can be moved, with the move announced either way.
@luc/uiReorder with pointer or keyboard, announcing every move.
@luc/uiOne number with its label, unit and context, in a hierarchy that reads at a glance.
@luc/ui/dataA change with a direction, coloured by meaning rather than by sign alone.
@luc/ui/dataOne number, its context and its trend in a single scannable surface.
@luc/ui/dataA moment written for a human, with the machine-readable value kept beside it.
@luc/ui/dataA definition list for a record, ready for the detail pane of a table.
@luc/ui/dataA short label for a state, a count or a category — and `Tag` when it needs to be removed.
@luc/ui/components/badgeAccessibility
Data surfaces keep the semantics of what they show: tabular data renders a real table with scoped headers and a caption, and a value is selectable text, so a reader can copy it or have it announced.