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
48
Data
Forms
Visualization
Communication
Workflow
Navigation
Misc
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 · Page Structure · 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
Workspace

Workspace

Active profilePlatform Flagship
Runtime postureRottay / modern
Structures contains 10 documented entries.
Runtime controls
TenantRottay
Structures/Workspace
10 structures
Structure group

Workspace

Workspace structures make collection pages usable by grouping search, filters, view modes, and bulk actions.
Audit lens
Review hierarchy before chrome polish
Check 01control grouping
Check 02operator pace
Check 03workspace memory
Common pairingsUse these as the supporting task and route layers when you audit whether the structure is carrying the right amount of page chrome.
Patterns
data tables
kanban boards
gallery views
Surfaces
CollectionWorkspaceSurface
ListSurface
ReportSurface
Catalog
control grouping
operator pace
workspace memory

Exports

Structure docs in this group, with their primary audit lens and the route contexts they usually support.
Primitives97 documented routes
Patterns48 documented routes
StructuresCurrent section
21
Headers
Workspace
Active Filters Bar
Column Menu
Export Button
Field Filters Panel
Saved Views Menu
Scope Switcher
Search Command Bar
Selection Preview Rail
Table Toolbar
View Mode Switcher
Record
Dashboard
Feedback
Surfaces36 documented routes
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
EngineModern
Structures
10
Exports indexed in this group.
Patterns
3
Common task layers these structures frame.
Surfaces
3
Route contracts where this group usually lands.
Structure 01

ActiveFiltersBar

3 engines
Horizontal bar displaying active filter chips with clear action
Audit withcontrol grouping
Pairs withdata tables
Usually lands inOpen detail
CollectionWorkspaceSurface
classic
modern
rustic
Structure 02

ColumnMenu

3 engines
Column visibility, pinning, width, and group configuration menu
Audit withoperator pace
Pairs withkanban boards
Usually lands inOpen detail
ListSurface
classic
modern
rustic
Structure 03

ExportButton

3 engines
Export data to CSV, JSON, or clipboard
ReportSurface
classic
modern
rustic
Audit withworkspace memory
Pairs withgallery views
Usually lands inOpen detail
Structure 04

FieldFiltersPanel

3 engines
Panel with per-field filter controls
Audit withcontrol grouping
Pairs withdata tables
Usually lands inOpen detail
CollectionWorkspaceSurface
classic
modern
rustic
Structure 05

SavedViewsMenu

3 engines
Dropdown menu for selecting and managing saved views
Audit withoperator pace
Pairs withkanban boards
Usually lands inOpen detail
ListSurface
classic
modern
rustic
Structure 06

ScopeSwitcher

3 engines
Scope selector for switching data context (team, org, etc.)
Audit withworkspace memory
Pairs withgallery views
Usually lands inOpen detail
ReportSurface
classic
modern
rustic
Structure 07

SearchCommandBar

3 engines
Unified search bar with command palette integration
Audit withcontrol grouping
Pairs withdata tables
Usually lands inOpen detail
CollectionWorkspaceSurface
classic
modern
rustic
Structure 08

SelectionPreviewRail

3 engines
Side rail previewing selected rows with bulk actions
Audit withoperator pace
Pairs withkanban boards
Usually lands inOpen detail
ListSurface
classic
modern
rustic
Structure 09

TableToolbar

3 engines
Toolbar above the table with search, filters, and view options
Audit withworkspace memory
Pairs withgallery views
Usually lands inOpen detail
ReportSurface
classic
modern
rustic
Structure 10

ViewModeSwitcher

3 engines
Segmented control for switching collection view modes
Audit withcontrol grouping
Pairs withdata tables
Usually lands inOpen detail
CollectionWorkspaceSurface
classic
modern
rustic