Nosto Autocomplete

The library is designed to simplify the implementation of Search Autocomplete functionality by providing:

      🌟 Autocomplete products, keywords and history visualization.
      🔄 Automatic bindings to Nosto Search API.
      🧩 Autocomplete component state management.
      📊 Nosto Analytics out of the box, Google Analytics support.
      🏗️ Default Autocomplete components and templates.
      🎮 Keyboard navigation.

💾 Installation

You can install the Nosto Autocomplete library via npm:

npm install @nosto/autocomplete
Copy

The Nosto Autocomplete library can be imported and used in various ways, depending on your preferred framework or template language.

Framework	Import Statement
Base	import { autocomplete } from "@nosto/autocomplete"
Mustache	import { autocomplete, fromMustacheTemplate, defaultMustacheTemplate } from "@nosto/autocomplete/mustache"
Liquid	import { autocomplete, fromLiquidTemplate, defaultLiquidTemplate } from "@nosto/autocomplete/liquid"
Preact	import { autocomplete, Autocomplete } from "@nosto/autocomplete/preact"
React	import { autocomplete, Autocomplete } from "@nosto/autocomplete/react"

Choose the import method that aligns with your project's requirements and technology stack.

❗Do not combine multiple imports as it will fetch multiple bundles.❗

📚 Documentation

Read Nosto Techdocs for more information on how to use the library.

Library TypeDoc page includes detailed library helpers documentation and examples.