Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Creating custom DX components

Updated on October 21, 2022

While Cosmos React has an extensive library of out-of-the-box assets, the framework provides tools for expanding the UI by adding Cosmos digital experience (DX) components. This still-evolving framework helps early adopters build interfaces tailored to their specific business needs.

While using custom DX components in Cosmos React, keep in mind that it is an expanding product with a narrower feature set. Consequently, the framework might not support some classic Constellation features. You might also encounter unforeseen issues.

To maintain a consistent, branded experience across channels, Cosmos React applications rely on the Pega Cosmos design system for styling. The goal of the Cosmos DX component toolkit aims to extend the library of existing Cosmos components and create new components that integrate seamlessly within the set of out-of-the-box components. You can use Cosmos DX components to expand Cosmos React in specific scenarios where out-of-the-box components might not meet immediate business needs.

For more information about custom DX components, see the Cosmos DX components in Cosmos React Community page.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us