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.
Feedback Feedback primitives frame async work, risks, success states, and interruption handling so users always know what just happened. Outcome Review these when you need confidence that the system can communicate status, motion, and consequence cleanly.
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
Feedback
Feedback 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
urgency
Suggested first comparison lens
Where this category earns its keep Use these screens first when you want evidence of hierarchy, responsiveness, and runtime polish.
loading states success flows destructive actions
What to inspect Compare one quality lens at a time so the category does not collapse into generic component browsing.
urgency
clarity
recovery paths
Start with these These references are the quickest way to see live DS behavior in this category before you branch into the full index.
Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Primitive
Drawer 3/3 engines Sliding panel from screen edge Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Primitive
Message 3/3 engines Lightweight top-level feedback message Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Primitive
Modal 3/3 engines Centered dialog overlay with adaptive fullscreen Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Primitive
Notification 3/3 engines Toast-style notification with title and content Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Primitive
Progress 3/3 engines Linear or circular progress indicator Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Star or icon-based rating control Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Primitive
Result 3/3 engines Full-page operation result with status icon Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Primitive
Skeleton 3/3 engines Placeholder shimmer while content is loading Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Primitive
Spinner 3/3 engines Indeterminate loading spinner Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Primitive
Toast 3/3 engines Brief auto-dismissing notification at screen edge Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Drawer Sliding panel from screen edge
Message Lightweight top-level feedback message
Modal Centered dialog overlay with adaptive fullscreen
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first recovery paths
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.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first recovery paths
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.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first recovery paths
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.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.