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.

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