Density normal Platform Flagship
Landing
Playground
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
#0A0A0A Secondary #6B6B6B
Density
normal Border-light cards
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.
Components
25
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
focus states
Suggested first comparison lens
Browse components Open a component to inspect usage guidance, live preview coverage, and engine support without losing the category context.
Primitives Current section
Patterns 48 documented routes
Structures 21 documented routes
Surfaces 36 documented routes
Verticals 3 documented routes
Playground 1 documented routes
Developers 2 documented routes
rounded top bar · solid dividers
Rottay
Modern
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. Inspect first focus states
Engine support Full runtime coverage
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. Inspect first validation feedback
Engine support Full runtime coverage
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. Inspect first keyboard support
Engine support Full runtime coverage
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. Inspect first focus states
Engine support Full runtime coverage
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. Inspect first validation feedback
Engine support Full runtime coverage
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. Inspect first keyboard support
Engine support Full runtime coverage
Form container with validation and layout Label, field, and helper text read as one system. Focus, error, and keyboard states stay obvious. Inspect first focus states
Engine support Full runtime coverage
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. Inspect first validation feedback
Engine support Full runtime coverage
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. Inspect first keyboard support
Engine support Full runtime coverage
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. Inspect first focus states
Engine support Full runtime coverage
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. Inspect first validation feedback
Engine support Full runtime coverage
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. Inspect first keyboard support
Engine support Full runtime coverage
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. Inspect first focus states
Engine support Full runtime coverage
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. Inspect first validation feedback
Engine support Full runtime coverage
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. Inspect first keyboard support
Engine support Full runtime coverage
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. Inspect first focus states
Engine support Full runtime coverage
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. Inspect first validation feedback
Engine support Full runtime coverage
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. Inspect first keyboard support
Engine support Full runtime coverage
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. Inspect first focus states
Engine support Full runtime coverage
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. Inspect first validation feedback
Engine support Full runtime coverage
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. Inspect first keyboard support
Engine support Full runtime coverage
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. Inspect first focus states
Engine support Full runtime coverage
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. Inspect first validation feedback
Engine support Full runtime coverage
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. Inspect first keyboard support
Engine support Full runtime coverage
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. Inspect first focus states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.