Building a Living Component Catalogue with SDC Showcase
summary
SDC Showcase is a Drupal contrib module that auto-discovers SDC components and generates a browsable catalogue with realistic prop permutations, enums, booleans, edge cases and authored combinations, requiring zero‑config autogeneration. It produces deterministic examples via a deterministic seed for visual regression, supports in‑memory entity rendering (media view modes), nested component collections for page integration, Drush commands to list every variation URL, and access controls for CI/CD — it works without external Storybook tooling.
AI-written summary · about
chapters (13)
- 0:00Introduction and motivation
- 3:38Demo of SDC Showcase landing page
- 8:14How variation generation works
- 10:04Testimonial component variations
- 13:37Taking control with override files
- 17:33Embedded components in card grid
- 20:03Using real entities in examples
- 25:07Building custom data generators
- 27:35Reusing existing stories
- 29:00Collections for page integration
- 32:31CI/CD and visual regression testing
- 37:49Configuration options and iframes
- 38:32Q&A session
related talks
56mComponent-Driven Design Using Single Directory Components (SDC)
18mDocumenting components with stories
47mEnvisioning a Design System Maintained by the Drupal Community
14mBuilding a component library with React, Vue, Angular or WebComponents
01h 00mBuild It Better, Stupid: Using Design Systems for Scalability
24mWhat You See is What You Deserve: Simple Visual Tools For All!
57mComponent-based Drupal
46mBuilding SDC Powered Applications