Skip to content

UI Components

Orama Cloud offers a ready-to-use design system for your search and answer engine.

As of today, the design system features the following components:

  • Search Button: a button to trigger the search box modal.
  • Search Box: a full-featured searchbox with autocomplete and suggestions.
  • Chat Box: a component to display the answer to a question.
  • and much moreā€¦

Storybook

Check out the Design System to see and try all the components available. We are constantly adding new components to the design system, so make sure to check it out regularly.


Design System Storybook with all the components you need to build your search and answer experience.

Installation

To install the Orama UI Components library, you can use the following command, depending on your package manager and framework.

If you are not sure, we recommend using the Web Components, as they are framework agnostic and can be used in any JavaScript environment.

Web Components
Terminal window
npm i @orama/wc-components

React Components
Terminal window
npm i @orama/react-components

Vue Components
Terminal window
npm i @orama/vue-components

Angular Components
Terminal window
npm i @orama/angular-components