$ npm i @indexea/widgets
or
$ yarn add @indexea/widgets

import { SearchBox } from '@indexea/widgets'

const app = document.getElementById('app')

new SearchBox({
  target: app,
  props: {
    widget: '[widget ident]',
    endpoint: 'https://api.indexea.com/v1' // Optional, change it in private cloud
  }
})

import { SearchDialog } from '@indexea/widgets'

const app = document.getElementById('app')

new SearchDialog({
  target: app,
  props: {
    widget: '[widget ident]',
    endpoint: 'https://api.indexea.com/v1' // Optional, change it in private cloud
  }
})

import { QueryBox } from '@indexea/widgets'

const app = document.getElementById('app')

new QueryBox({
  target: app,
  props: {
    widget: '[widget ident]',
    endpoint: 'https://api.indexea.com/v1', // Optional, change it in private cloud
    xxxx: xxxx // Other args
  }
})

import { RecommBox } from '@indexea/widgets'

const app = document.getElementById('app')

new RecommBox({
  target: app,
  props: {
    widget: '[recomm ident]',
    endpoint: 'https://api.indexea.com/v1', // Optional, change it in private cloud
    xxxx: xxxx // Other args
  }
})