Autocomplete with Preview Panel in Modal

Typeahead dropdown displaying preview panel in a modal built with Algolia Autocomplete

View repo Check out the demo

About

This example shows how to display a preview panel in a modal with Autocomplete.

Algolia provides a full-featured solution to build autocomplete experiences with the Autocomplete open source library. Autocomplete is separate from InstantSearch, and lets you build an accessible, as-you-type autocomplete user interface that you can integrate anywhere on your site or application.

Examples

Was this useful?

Resources

Docs: Autocomplete

Demo

Support

Built and supported by Algolia

Website

Contributors

Algolia

The best Search and Discovery Platform for your business.

François Chalifour

Software Engineer @algolia • dx • ux • skate • music

Sarah Dayan

Staff Software Engineer @algolia working on front-end search experiences · Creator of @dinerojs ‧ Autocomplete core contributor.

Recommended content

Templates & Starters

Autocomplete with Panel Placement

Typeahead dropdown showing horizontal panel placement built with Algolia Autocomplete

Widgets & Plugins

Panel Widget

Wraps other widgets in a consistent panel design and reacts when the widget can no longer refine.

Templates & Starters

Autocomplete with Tags in Search Box

Typeahead dropdown menu with tags built with Algolia Autocomplete