Description

A spotlight-style command palette component for quick search and navigation inside apps. This is already supported in other libraries like Mantine.

Problem Statement/Justification

Many modern apps use a command palette (like VS Code’s Ctrl+K / ⌘K search) for fast navigation and actions. Chakra UI currently doesn’t have a built-in solution for this. Developers end up pulling in external libraries or building custom implementations, which breaks design consistency.

Proposed Solution or API

• Provide a <Spotlight /> or <CommandPalette /> component.
• Should integrate with Chakra’s theming and accessibility out-of-the-box.
• Support keyboard shortcuts, search filtering, and action items.

Example from Mantine:

• Image:
  
• Video demo:
  https://github.com/user-attachments/assets/8708015c-d23d-4ef1-81e0-fd462300cff1

Alternatives

• Using Mantine Spotlight in a Chakra UI project (causes design inconsistency).
• Building a custom command palette from scratch (time-consuming, less polished).

Additional Information

• Mantine Spotlight docs: https://mantine.dev/x/spotlight/
• Having this in Chakra UI will keep the ecosystem modern and competitive with other UI libraries.