I’m building a style guide/design system for my Angular project using PrimeNG components. I’d like to leverage Storybook to isolate, document, and showcase these components effectively.

For inspiration, I’m looking to achieve a structure similar to the well-organized Brainly style guide: https://github.com/brainly (https://styleguide.brainly.com/).

Has anyone successfully integrated PrimeNG components within Storybook? Are there any specific configurations needed to ensure proper rendering of the components?

I have not worked with Storybook before, but I got Angular, PrimeNg, and Storybook to work together in one sample project. I was able to create a story file for the button PrimeNG component (button.stories.ts). I am very worried, that I might have to write code in the form of stories instead of just simply importing the PrimeNg controls (and the stories are generated). So that is why I am trying to find out:

• What is the best approach to integrate PrimeNg with Storybook?
• Are there any specific configurations or workarounds needed to ensure proper rendering of PrimeNG components in Storybook?
• Could you point me to any resources or examples showcasing this integration effectively?

Any tips or resources on achieving this setup or overcoming potential challenges would be much appreciated!