Create Custom Components
Create Custom Components
Coveo Atomic components fulfill most use cases, follow best UX practices, and are visually customizable, but sometimes you may need more features, further visual customization or a different behavior altogether. In such cases, we recommend building your own custom components using the same toolchain we used, i.e., Stencil.
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 start working instantly on your desired feature.
It contains:
-
A sample custom Atomic component leveraging Coveo Headless and i18next.
-
A sample custom Atomic template component that you can use inside result templates.
-
A results manager to help you bundle various result templates in a clean manner.
-
Various Netlify CLI commands to run the application locally, share it and deploy it to production.
-
A Netlify lamdba function to generate Coveo search tokens.