Modules and Tools that extend Single-Directory Components
Last updated on
24 April 2025
Below is a list of modules that extend or build upon the functionality of Single-Directory Components.
Drupal 11.x
Use SDC components directly in Drupal admin UI:
- SDC Display - Allows site builders to leverage the components available in the site inside the Manage Display tabs of your entities. With SDC Display you will be able to configure what component an individual field uses, or what component a given view mode uses.
- UI Patterns (version >=2.0) - Automatically integrates components into Drupal within Manage Display, Layout Builder, Views, Block Layout... Upcoming releases with also provide integration with Ckeditor5, Entity Form Displays...
Other tools:
- SDC Devel - Provides development aids to Single-Directory Components developers. Debugging helper and Component validator for best practices.
- CL Devel (version >=2.0) - Provides audit pages to view all components and identify any problems.
- CL Editorial (version >=2.0) - A helper module (for other modules) that standardizes (and can filter) the UI for when a user is selecting a SDC.
- Drupal Atomic Builder - The Drupal Atomic Builder (DAB) module is designed for front-end developers, offering functionalities for both visualizing and creating components through the Single-Directory Component (SDC). It integrates smoothly with Drupal's admin interface for ease of use. The module allows developers to code their components without having to create full content.
- SDC Styleguide - The goal of this module is to provide a quick interface to test single-directory components (akin to Patternlab) without having to actually create content on the site. Automatically loads all SDC available on your site. Dynamically creates a form to input test data and render the component and allows you to predefined demos to test them
Drupal 10.3, need patch for Drupal 11.x
- SDC Block - This module will auto-generate blocks out of a curated selection of components. Blocks are configurable based on the props schema and the declared slots for the component.
Tools
-
Storybook SDC Addon - This addon streamlines the integration of Drupal Single Directory Components (SDC) into Storybook, allowing YAML-configured components (e.g.,
*.component.yml
) to be dynamically loaded as stories in Storybook.
Deprecated, obsolete or not maintained
- CL Generator (version >=2.0) - This provides a Drush command to generate your component.
Note: If you are using Drush 12 or later, the module is not needed - you can run thedrush generate sdc
command directly - CL Server (version >=2.0) - Provides integration with Storybook (component library).
- SDC Story Generator - Provides a Drush command to generate Storybook
mycomponent.stories.yml
files frommycomponent.component.yml
definitions. The*.stories.yml
files can be consumed by Storybook to auto-generate documentation and editable live previews using CL Server.
Help improve this page
Page status: No known problems
You can:
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion