Nuclia widget
The Nuclia widget allows to embed a ready-to-use search box in your website or web application.
Usage as a web component
Copy/paste the following snippet in your HTML code:
<script src="https://cdn.nuclia.cloud/nuclia-video-widget.umd.js"></script>
<nuclia-search-bar
knowledgebox="<YOUR-KB-ID>"
zone="europe-1"
features="filter,permalink"></nuclia-search-bar>
<nuclia-search-results></nuclia-search-results>Usage as Svelte components
You need to install the following dependencies:
npm install @nuclia/widget @nuclia/core @nuclia/prediction rxjs@^7.5.2 date-fns sassThen, you can use the components in your Svelte code:
<script lang="ts">
import { NucliaSearchBar, NucliaSearchResults } from '@nuclia/widget';
</script>
<NucliaSearchBar
zone="europe-1"
knowledgebox="<YOUR-KB-ID>"
lang="en"
placeholder="Search"
features="filter,suggestions,permalink" />
<NucliaSearchResults />