Create custom components

This is for:

Developer

Coveo Atomic components fulfill most use cases, follow best UX practices, and are visually customizable. However, you may sometimes need more features, further visual customization, or a different behavior altogether. In such cases, we recommend that you build your own custom components using Stencil, which is the same toolchain we used.

To facilitate your creation of custom components, we provide a starter project with the Coveo CLI ui:create:atomic command. This command generates the necessary files and configurations for you to instantly start working on your desired feature. It contains:

A sample custom Atomic component that leverages Coveo Headless and i18next.
A sample custom Atomic template component that you can use inside result templates.
A result manager to help you bundle various result templates in a clean manner.