Creating an omnibar with Autocomplete

In this tutorial, we learn how to create an omnibar using Autocomplete in JavaScript. An omnibar is a search field that has both search and actions that can be taken, similar to the Chrome or Firefox search and URL bar. We build an omnibar to toggle light and dark mode for our website. The Autocomplete library is capable of creating autocomplete functionality against multiple sources, including Algolia indices. In this case, we use a static source with placeholder text and actions. We also add highlighting and filtering functions to improve the user experience. Finally, we make the omnibar stateful by adding context for our users based on the Autocomplete's state object.