DS
Premium Docs

Design System Showroom

Published-package documentation wired to the real DS runtime so the same routes reveal how tenant and engine reshape identical component contracts.
Rottay / modern
Published package
Primary
#0A0A0A
Rottay
Radius
14px
Surface shape
DensitynormalPlatform Flagship
NavigatorLibrary map
8 sections
212 routes
Foundations first, then primitives, patterns, structures, and surfaces. Keep this rail legible enough to scan without hunting.
Foundations4 documented routes
4
Tokens
Themes
Engines
Icons
109
97
Display
Inputs
Feedback
Layout
Navigation
Overlay
21
Headers
Workspace
Record
Dashboard
Feedback
36
Admin
Data
Experience
Forms
Operations
Workspace
3
Platform
Bit Hire
Evnto
1
Playground
2
Developers
Runtime fingerprintToken readout from the active provider chain.
Live DS
Runtime
Platform
Rottay
Rottay / ModernPlatform Flagship
Primary
#0A0A0ASecondary #6B6B6B
Radius
14pxxl 18px
Density
normalBorder-light cards
Accent
Badge
Compact runtime evidence across 3+ token signals.
Published DS package · Pattern Library · Rottay / modernShared route metadata for the active runtime, kept inline so the shell reads like a thin header band.
Palette
#0A0A0ARottay
Chrome
Modernrenderer posture
Radius
14pxsurface shape
Density
normalPlatform Flagship
Data

Data

Active profilePlatform Flagship
Runtime postureRottay / modern
Patterns contains 11 documented entries.
Runtime controls
TenantRottay
Patterns/Data
Reusable composites
11 patterns

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 forGroup-level fit, evaluation lenses, and the most likely structure and surface pairings.
Patterns
11
Indexed in this group
Inspect first
scan speed
Suggested first evaluation lens
Common surface
ListSurface
Typical landing context
Catalog
11 indexed

Browse patterns

Open a pattern to inspect live DS treatment, engine coverage, and where it fits in the broader system.
Primitives97 documented routes
PatternsCurrent section
48
Data
Data Table
Bulk Select Toggle
Cell Renderers
Column Settings
Detail Panel
Gallery View
Grid View
List Toolbar
Saved Views
Stats Grid
Status Filter Pills
Forms
Visualization
Communication
Workflow
Navigation
Misc
Structures21 documented routes
Surfaces36 documented routes
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
EngineModern
Audit lens

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
Structure pairings

Common structure pairing

Patterns become easier to judge when you picture the page chrome they normally sit inside.
CollectionHeader
TableToolbar
ActiveFiltersBar
Surface context

Typical surfaces

These are the route-level homes where this group usually proves its value.
ListSurface
ReportSurface
CollectionWorkspaceSurface
Fastest entry
4 picks

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
Evaluatescan speed
classic
modern
rustic
Open Reference
Pattern

BulkSelectToggle

3/3 engines
Select-all toggle for bulk operations on table rows
Evaluatebulk action clarity
classic
modern
rustic
Open Reference
Pattern

CellRenderers

3/3 engines
Typed cell renderers for common column types (text, number, date, status, actions)
Evaluateempty and dense states
classic
modern
rustic
Open Reference
Pattern

ColumnSettings

3/3 engines
Column visibility and order configuration panel
Evaluatescan speed
classic
modern
rustic
Open Reference
Pattern

DetailPanel

3/3 engines
Expandable row detail panel for inline record preview
Evaluatebulk action clarity
classic
modern
rustic
Open Reference
Pattern

PatternGalleryView

3/3 engines
Image-centric grid view with aspect ratio and captions
Evaluateempty and dense states
classic
modern
rustic
Open Reference
Pattern

PatternGridView

3/3 engines
CSS grid card view with selection and pagination
Evaluatescan speed
classic
modern
rustic
Open Reference
Pattern

ListToolbar

3/3 engines
Toolbar for list-level actions and search
Evaluatebulk action clarity
classic
modern
rustic
Open Reference
Pattern

SavedViews

3/3 engines
Saved filter/sort presets management
Evaluateempty and dense states
classic
modern
rustic
Open Reference
Pattern

PatternStatsGrid

3/3 engines
Grid of statistic cards with trend indicators
Evaluatescan speed
classic
modern
rustic
Open Reference
Pattern

StatusFilterPills

3/3 engines
Horizontal pill bar for quick status filtering
Evaluatebulk action clarity
classic
modern
rustic
Open Reference
PatternDataTableFull-featured data table with sorting, filtering, pagination, selection, and virtual scrolling
BulkSelectToggleSelect-all toggle for bulk operations on table rows
CellRenderersTyped cell renderers for common column types (text, number, date, status, actions)
ColumnSettingsColumn visibility and order configuration panel