SpotlightSearch
Global spotlight search overlay with fuzzy matching, categorized results, recent searches, and keyboard-first navigation
SpotlightSearch Component
Global command palette and search launcher for keyboard-centric navigation.
Basic Usage
Start with a simple launcher and grouped command data.
Last command: No command selected yet.
Implementation Notes
- • Group commands by intent so users can scan quickly.
- • Keep descriptions short and action-focused.
- • Persist selected command for user feedback.
Normal Usage
Switch command datasets by domain without changing the search UI pattern.
Recent commands: No command history yet.
Implementation Notes
- • Scope-aware data keeps results relevant and fast.
- • Reuse one trigger style across product modules.
- • Keep command identifiers stable for analytics.
Advanced Usage
Control the open state from a parent shell for global keyboard and layout coordination.
Palette state: closed
Implementation Notes
- • Controlled mode is ideal for app-shell orchestration.
- • Parent state can synchronize search with route changes.
- • Keep close behavior consistent after command execution.
Real-Life Use Cases
Model an incident response console with high-priority operational shortcuts.
Execution Snapshot
Latest: No command selected yet.
History: No command history yet.
Implementation Notes
- • Pair with runbooks and status-page integrations.
- • Use command palette for high-pressure workflows.
- • Record action history for post-incident analysis.
Related Components
View allCommand palette (⌘K) with fuzzy search, grouped commands, keyboard shortcuts, and recent history
Right-click context menu with nested menus, checkboxes, radio items, and keyboard shortcuts display
Modal dialog with focus trap, backdrop click handling, scroll locking, and nested dialog support
Side panel with directional sliding, scroll locking, and responsive mobile-first design