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.
Inputs Inputs define how the design system feels under real keyboard, pointer, validation, and error-handling pressure. Outcome These pages should make it obvious whether the design system can sustain serious data entry and decision making.
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
Inputs
Inputs Active profile Platform Flagship
Runtime posture Rottay / modern
Primitives contains 25 documented entries. Components
25
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
focus states
Suggested first comparison lens
Where this category earns its keep Use these screens first when you want evidence of hierarchy, responsiveness, and runtime polish.
forms filters composer flows
What to inspect Compare one quality lens at a time so the category does not collapse into generic component browsing.
focus states
validation feedback
keyboard support
Start with these These references are the quickest way to see live DS behavior in this category before you branch into the full index.
Primitive
AutoComplete 3/3 engines Text input with suggestion dropdown Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Button 3/3 engines Clickable action trigger with multiple variants Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Cascader 3/3 engines Multi-level cascading dropdown selector Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Checkbox 3/3 engines Boolean or group selection control Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
ColorPicker 3/3 engines Color selection with palette and custom input Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
DatePicker 3/3 engines Date and date-range selection control Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Form container with validation and layout Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
FormField 3/3 engines Individual form field with label, help text, and error Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Input 3/3 engines Single-line text input with optional addons Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
InputNumber 3/3 engines Numeric input with increment/decrement controls Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Mentions 3/3 engines Text input with @mention suggestions Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
OTPInput 3/3 engines One-time password input with segmented fields Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
PasswordInput 3/3 engines Password field with visibility toggle Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Radio 3/3 engines Single selection from a group of options Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Select 3/3 engines Dropdown selection with search and multi-select Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Slider 3/3 engines Range slider for numeric value selection Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Switch 3/3 engines Toggle switch for binary on/off states Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
TagInput 3/3 engines Multi-value input rendered as removable tags Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Textarea 3/3 engines Multi-line text input with auto-resize Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
TimePicker 3/3 engines Time selection control with hour/minute/second Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Toggle 3/3 engines Pressable toggle button for binary states Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Transfer 3/3 engines Dual-list control for moving items between pools Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
TreeSelect 3/3 engines Hierarchical dropdown tree selector Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
Upload 3/3 engines File upload with drag-and-drop and preview Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Primitive
VoiceInputButton 3/3 engines Microphone button for voice-to-text input Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Button Clickable action trigger with multiple variants
Cascader Multi-level cascading dropdown selector
Checkbox Boolean or group selection control
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first validation feedback
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first keyboard support
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first validation feedback
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first keyboard support
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first validation feedback
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first keyboard support
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first validation feedback
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first keyboard support
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first validation feedback
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first keyboard support
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first validation feedback
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first keyboard support
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first validation feedback
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first keyboard support
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first validation feedback
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first keyboard support
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.