The gap between the design and the developers' world is real. Teams are solving this problem with the style guide/design system built or exported from design systems. The style guide behavior is different from the actual components developed in Angular and duplicate the efforts and becomes tough to maintain the living style guide. Creating a reusable, testable shared component development is more challenging, especially when the 100s of angular apps developed across the teams are using the shared components.
Storybook provides a sandbox to build UI components in isolation so you can develop hard-to-reach states and edge cases. In this session, let us discuss the use cases of developing components in isolation and supercharge your workflows with different storybook addons and testing the interactions of components. And also, this session explains in detail how the living style guide documentation prepared for shared angular components created and used across the enterprise teams with the demo.
Slides are here: https://speakerdeck.com/ksivamuthu/style-guide-driven-development-with-angular-and-storybook
This repo has the magic-lib - the shared component library built using Angular. It has Storybook integrated for the component documentation and living style guide.
The github actions is configured with chromatic - storybased workflow for visual review of your angular components.