Building a Living Component Catalogue with SDC Showcase

Drupal's Single Directory Components give us a standard way to build frontend components, but there's no built-in way to browse, test, and review them outside of the pages they live on. SDC Showcase is a contrib module that automatically generates a visual catalogue of every SDC in your project, complete with prop variations, slot content, edge cases, and authored stories, without writing a single line of custom test code.

In this session we'll walk through how SDC Showcase discovers your components, generates realistic sample data from your JSON Schema definitions, and assembles variations that exercise enums, booleans, optional props, and slot content. We'll cover how to pin props with real-world content, use the _entity directive to render actual media entities in your showcase, compose multi-component page layouts with collections, and control access for CI/CD tools.