Add Spotlight/Omnibar component

oliviertassinari commented 2 years ago

Summary 💡

Add a macOS Spotlight-style typeahead component.

Benchmark 🌈

Public link: https://mui-org.notion.site/core-Splotlight-Omnibox-cd7b5b2e1c404cf0afcd91da899ff8ab
Editable link: https://www.notion.so/mui-org/core-Splotlight-Omnibox-cd7b5b2e1c404cf0afcd91da899ff8ab

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

mui/material-ui#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."

Search keywords:

abhinav-22-tech commented 2 years ago

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

oliviertassinari commented 2 years ago

@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.

mui / mui-x