Component gallery

Components

47 pages
Every export of @versable-git/ui, one page each: all states, both themes, the source beside the render.

Foundations

The surfaces and glyphs everything else is built from
  • surfaces, shadows, skeleton
  • react-icons registry, one key per concept
  • busy states, SkeletonGroup
  • the page-shaped Suspense fallback, promoted from speedway
  • stored documents, copy, line numbers
  • headline numbers, tones, trends
  • the pipeline strip, promoted from three hand-builds
  • the section-opener label, two sizes
  • the ramp, roles not sizes, ink ladder, mono cases

Forms

How a reader acts and enters: buttons, inputs, pickers, chips

Feedback

How the app talks back: status, alerts, empty and loading states, dialogs

Structure

How a page is laid out: shells, titles, tabs, panels, prose

Data

How records are shown and filtered: tables, chips, toolbars
  • lean core, look contract, row expand
  • sort, filters, selection, pager
  • Layer B: sort, search, filters, selection
  • standing facets, FilterableCell
  • field and file name tokens
  • descriptive facts, borderless
  • Chip, FieldChip, the ruled lg frame, side by side
  • every recorded table at its stress values, no widths written
  • kit FacetBar, walmart standing selects, speedway FilterBar

Ergonomics

The small conveniences: copy, timestamps, the hooks underneath
@versable-git/ui · all states, both themes