Skip to main content


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

Viewing existing Cosmos DX components in Storybook

Updated on May 27, 2022

View how the existing Cosmos digital experience (DX) components are displayed to customers by opening the components in Storybook. Open the project and then start Storybook in development mode so that you can view each component separately.

Before you begin:

Ensure that you have authentication to access the resources in the Pega Infinity Server to list, publish, or delete components. For more information, see Authenticating Pega Infinity Server user access.

Note: If the components have calls to ConstellationJS APIs in the rendering function, disable the calls or create a mock view to view these components in Storybook.
  1. Open your preferred terminal tool.
  2. Enter cd <name of the project>.
  3. Enter npm start.
Result: You can now view each existing custom component in Storybook. To close Storybook, use ctrl + c.

Tags

Pega Platform 8.7 User Experience

Have a question? Get answers now.

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

Visit the Support Center

Did you find this content helpful?

Yes
No

Want to help us improve this content?
Suggest an edit

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us