Atomic for commerce

This is for:

Developer

In this article

What’s Coveo Atomic for commerce?
When should I use Atomic?
Where to start?

Atomic for Commerce components are in open beta and remain under active development.

Atomic for Commerce hasn’t yet gone through a formal accessibility review. If you have accessibility needs, contact your customer success manager and we’ll work with you to address them.

What’s Coveo Atomic for commerce?

Coveo Atomic is a web component library for assembling responsive, accessible, and future-proof Coveo-powered product discovery interfaces. Atomic components are self-encapsulated, composable, and lightweight. Under the hood, Atomic relies on the Coveo Headless library to interface with the Coveo Platform and handle application state.

In the context of Coveo for commerce, Atomic is used in conjunction with the Coveo Merchandising Hub (CMH) to power your product discovery interfaces. As Atomic is built upon Headless, it relies on the Commerce API to query products from Coveo and the Event Protocol to send analytics events to Coveo.

Notes

Because Atomic for commerce is commerce-specific, don’t expect a one-to-one match with the generic Atomic library.
As Atomic wraps around the Commerce API, it’s also descriptive in nature. See How the Commerce API interacts with the CMH for more information.

When should I use Atomic?

Atomic is an ideal option to quickly assemble a feature-rich Coveo-powered product discovery interface without having to implement all of its UI components.

If you intend to use your own UI component library to interface with Coveo for commerce, then you should use Coveo Headless for commerce instead.

Where to start?

You can review the Atomic commerce Storybook to see how the different components are implemented. Storybook is a front-end tool for showcasing UI components in isolation. Each story displays a different interactive component and contains documentation on how to use it.