Drupal Storybook & Stories

Component story tooling for Drupal SDC themes. The key decision: UI Patterns 2 .story.yml gives you static variant browsing with zero Node.js setup — available on any theme with the ui_patterns module, not just UI Suite DaisyUI. Storybook.js tools add interactive Controls — live prop manipulation in the browser — at the cost of Node.js setup.

Guides

• Tool Landscape & Decision — which tool for which context, static vs interactive
• UI Patterns 2 .story.yml Format — complete schema, all slot value types, verbatim examples
• drupal/storybook Module — Twig stories with interactive Controls and full Drupal fidelity
• storybook-addon-sdc (Offline) — decoupled development without Drupal
• DDEV + Storybook Setup — port exposure, addon, workflow
• Sub-Theme Stories — override and extend base theme stories