Drupal is a registered trademark of Dries Buytaert
cms 2.1.3 — Update released for Drupal core (2.1.3)! drupal 10.5.11 — Update released for Drupal core (10.5.11)! drupal 11.3.11 — Update released for Drupal core (11.3.11)! drupal 11.2.13 — Update released for Drupal core (11.2.13)! drupal 10.6.10 — Update released for Drupal core (10.6.10)! cms 2.1.2 — Update released for Drupal core (2.1.2)! drupal 11.1.10 — Update released for Drupal core (11.1.10)! drupal 10.5.10 — Update released for Drupal core (10.5.10)! drupal 10.4.10 — Update released for Drupal core (10.4.10)! drupal 11.2.12 — Update released for Drupal core (11.2.12)! drupal 11.3.10 — Update released for Drupal core (11.3.10)! drupal 10.6.9 — Update released for Drupal core (10.6.9)! drupal 10.6.8 — Update released for Drupal core (10.6.8)! drupal 11.3.9 — Update released for Drupal core (11.3.9)! drupal 11.3.8 — Update released for Drupal core (11.3.8)! drupal 11.3.7 — Update released for Drupal core (11.3.7)! drupal 11.2.11 — Update released for Drupal core (11.2.11)! drupal 10.6.7 — Update released for Drupal core (10.6.7)! drupal 10.5.9 — Update released for Drupal core (10.5.9)! cms 2.1.1 — Update released for Drupal core (2.1.1)!
← All modules

sdc_styleguide

239 sites Security covered
View on drupal.org

The goal of this module is to provide a quick interface to test single directory components without having to actually create content on the site.

In an ideal world, front end developers can build the markup, styles and behaviors for the components and showcase without fully integrating them into Drupal, similar to Patternlab or Storybook.

Features

* Automatically loads all SDC available on your site.
* Dinamically creates an explorer page where you can access all the available components on site. If a demo file is defined for them, the demo will be listed as an option.
* Each component automatically gets a form that can be used to generate a test on the fly. It will generate fields for the properties and slots defined on each component.
* Demos can be created trough Drush using command drush generate sdcs-demo
* Demos can be embedded on your templates or through a render array. You can reuse demos in other demos to build more examples (See the card grid component on the sdc_styleguide_demo_components submodule).

Post-Installation

* Go to /styleguide/explorer and use the explorer to test the demos for the components.

Additional Requirements

* Drupal 10.1 and Single Directory Components for 1.0.x. Drupal 10.3 and higher for 1.1.x
* If using the generator Drush commands for demos, you will need at least Drush 12.5

Known Issues

The SDC Demo form only works once:

This is because of this issue: https://www.drupal.org/project/drupal/issues/3463875

Adding the patch should fix it if you are on an core affected version.

Supporting this Module

All contributions are appreciated https://www.buymeacoffee.com/alemadlei

Activity

Total releases
5
First release
Oct 2025
Latest release
2 months ago
Release cadence
39 days
Stability
80% stable

Release Timeline

Releases

Version Type Release date
1.3.3 Stable Mar 15, 2026
1.3.2 Stable Mar 14, 2026
1.3.1 Stable Mar 8, 2026
1.3.0 Stable Oct 9, 2025
1.3.x-dev Dev Oct 9, 2025