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.
Overlay Overlay primitives prove how the system behaves when attention shifts, context floats, or a workflow temporarily leaves the base page. Outcome These details matter once the product starts stacking interactions and still needs to feel calm and deliberate.
Browse components Open a component to inspect usage guidance, live preview coverage, and engine support without losing the category context.
Primitives Current section
93 Patterns 49 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
Overlay
Overlay Active profile Platform Flagship
Runtime posture Rottay / modern
Primitives contains 11 documented entries. Components
11
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
layer clarity
Suggested first comparison lens
Where this category earns its keep Use these screens first when you want evidence of hierarchy, responsiveness, and runtime polish.
menus confirmations guided help
What to inspect Compare one quality lens at a time so the category does not collapse into generic component browsing.
layer clarity
escape routes
anchoring
Start with these These references are the quickest way to see live DS behavior in this category before you branch into the full index.
Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first layer clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Primitive
ConfirmDialog 3/3 engines Confirmation dialog with accept/cancel actions Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Primitive
ContextMenu 3/3 engines Right-click context menu with actions Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Primitive
Dropdown 3/3 engines Trigger-based dropdown menu Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Primitive
HoverCard 3/3 engines Rich content preview on hover Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Primitive
Modal 3/3 engines Overlay-tier modal with portal rendering Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Primitive
Popconfirm 3/3 engines Inline confirmation popover before action Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Primitive
Popover 3/3 engines Floating content panel anchored to a trigger Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Primitive
Sheet 3/3 engines Bottom sheet overlay for mobile interactions Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Step-by-step guided tour overlay Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Primitive
Watermark 3/3 engines Background watermark pattern for content protection Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. ConfirmDialog Confirmation dialog with accept/cancel actions
ContextMenu Right-click context menu with actions
Dropdown Trigger-based dropdown menu
Inspect first escape routes
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first layer clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first escape routes
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first layer clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first escape routes
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first layer clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first escape routes
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.