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.

• Web Components
• React Components
• Vue Components
• Angular Components

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

npm

npm i @orama/wc-components

yarn

yarn add @orama/wc-components

pnpm

pnpm i @orama/wc-components

---

React Components

npm

npm i @orama/react-components

yarn

yarn add @orama/react-components

pnpm

pnpm i @orama/react-components

---

Vue Components

npm

npm i @orama/vue-components

yarn

yarn add @orama/vue-components

pnpm

pnpm i @orama/vue-components

---

Angular Components

npm

npm i @orama/angular-components

yarn

yarn add @orama/angular-components

pnpm

pnpm i @orama/angular-components