drupal-storybook

Storybook for Drupal SDC requires mapping your atoms, molecules, and organisms into structured stories with prop controls that directly align with your *.component.yml schema definitions.

The best way to organize Drupal SDC components in Storybook is by using the atomic design hierarchy, grouping your elements into atoms, molecules, and organisms directories to standardize component documentation and reusability.

Map Storybook prop controls to a Drupal component.yml file by ensuring your story templates require strict alignment with the schema definitions, allowing dynamic prop mapping that mirrors the SDC configuration.

Yes, you can use Storybook page stories for Drupal component regression testing by creating structural testing guidance and page-level stories that serve as visual regression references for your SDC components.

The Drupal SDC Storybook workflow requires integration with references/ and assets/ directories to properly handle reference materials and component assets alongside your story templates.