@nosto/autocomplete v1.1.0
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
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.