Premium Docs
Design System Showroom Density normal Platform Flagship
Landing
Playground
Navigator Library map
8 sections 212 routes
Foundations first, then primitives, patterns, structures, and surfaces. Keep this rail legible enough to scan without hunting. Runtime fingerprint Token readout from the active provider chain.
Live DS Runtime
Rottay / Modern Platform Flagship
Primary
#FFFFFF Secondary #A0A0A5
Compact runtime evidence across 3+ token signals.
Data Data patterns are where the showroom proves density, scan ergonomics, and operator confidence beyond a single widget. Use this page to narrow the lane. Open an individual pattern when you want the live DS and runtime reference. Read this page for Group-level fit, evaluation lenses, and the most likely structure and surface pairings.
Browse patterns Open a pattern to inspect live DS treatment, engine coverage, and where it fits in the broader system.
Primitives 93 documented routes
Structures 24 documented routes
Surfaces 36 documented routes
Verticals 3 documented routes
Playground 1 documented routes
Developers 2 documented routes
rounded top bar · solid dividers
Data
Data Active profile Platform Flagship
Runtime posture Rottay / modern
Patterns contains 12 documented entries. Inspect first
scan speed
Suggested first evaluation lens
Common surface
ListSurface
Typical landing context
What to evaluate Judge the group by reusable behavior and operator clarity before admiring individual modules.
scan speed
bulk action clarity
empty and dense states
Common structure pairing Patterns become easier to judge when you picture the page chrome they normally sit inside.
CollectionHeader
TableToolbar
ActiveFiltersBar
Typical surfaces These are the route-level homes where this group usually proves its value.
Start with these These are the quickest paths into live DS and runtime usage for this group.
Pattern
PatternDataTable 3/3 engines Full-featured data table with sorting, filtering, pagination, selection, and virtual scrolling Evaluate scan speed
Pattern
BulkSelectToggle 3/3 engines Select-all toggle for bulk operations on table rows Evaluate bulk action clarity
Pattern
CellRenderers 3/3 engines Typed cell renderers for common column types (text, number, date, status, actions) Evaluate empty and dense states
Pattern
ColumnSettings 3/3 engines Column visibility and order configuration panel Evaluate scan speed
Pattern
DetailPanel 3/3 engines Expandable row detail panel for inline record preview Evaluate bulk action clarity
Pattern
PatternGalleryView 3/3 engines Image-centric grid view with aspect ratio and captions Evaluate empty and dense states
Pattern
PatternGridView 3/3 engines CSS grid card view with selection and pagination Evaluate scan speed
Pattern
FileManager 3/3 engines File browser with tree navigation and preview Evaluate bulk action clarity
Pattern
ListToolbar 3/3 engines Toolbar for list-level actions and search Evaluate empty and dense states
Pattern
SavedViews 3/3 engines Saved filter/sort presets management Evaluate scan speed
Pattern
PatternStatsGrid 3/3 engines Grid of statistic cards with trend indicators Evaluate bulk action clarity
Pattern
StatusFilterPills 3/3 engines Horizontal pill bar for quick status filtering Evaluate empty and dense states
CollectionWorkspaceSurface
PatternDataTable Full-featured data table with sorting, filtering, pagination, selection, and virtual scrolling
BulkSelectToggle Select-all toggle for bulk operations on table rows
CellRenderers Typed cell renderers for common column types (text, number, date, status, actions)
ColumnSettings Column visibility and order configuration panel