Add Spotlight/Omnibar component

[oliviertassinari]

Summary 💡

Add a macOS Spotlight-style typeahead component.

Benchmark 🌈

• https://github.com/timc1/kbar
• "Building a command palette" https://www.youtube.com/watch?v=-jix4KyxLuQ
• https://blueprintjs.com/docs/#select/omnibar

• macOS

• https://mantine.dev/others/spotlight/

• Algolia docsearch: https://docsearch.algolia.com/

• https://www.commandbar.com/

• Figma

• https://www.producthunt.com/posts/keysho
• https://www.notion.so/

• https://github.com/pacocoursey/cmdk

Motivation 🔦

At this point, I should have provided enough examples that surface how this could be a valuable pattern.

A side note about the future potential of this component (beyond the MIT license). MUI could extend such an MIT component in the next 2-3 years into a SaaS service that helps improve the UX for end-users, e.g. https://www.commandbar.com/. Thanks @ronreiter for raising the opportunity. https://www.notion.so/mui-org/Low-code-directions-available-10aeeb10596d41ac97593c6928c361aa#68b80e727c6044118770d3a054de9b09

People asking for it

• [docs-infra] Replace <DocSearch> for in-house implementation #37599 "We need to implement algolia in our site and thinking of how we can do this using material ui. The first option is to build it without the components that are provided from algolia (instantsearch) so that we can leverage the mui components."

[abhinav-22-tech]

@oliviertassinari is there any step taken related to this new component?

[oliviertassinari]

@abhinav-22-tech Not I'm aware of but I think that it could be a great component to experiment with (as unstable to start with).

I guess that we could use it to implement our own UI instead of using Algolia's one for the search on the documentation. The version of Algolia has a number of bugs.