drupal-canvas-sdc
Drupal Canvas SDC Components (Twig)
When to Use This Skill
Use it for Twig-based SDCs that Canvas places in its editor: creating or changing a *.component.yml and its .twig/.css/.js, getting a component registered in Canvas, keeping canvas.component.* config stable across deploys, Canvas preview problems, and outdated component instances after a prop change.
Use the upstream drupal-canvas/skills suite (or this repo's drupal-canvas pointer skill) instead(https://github.com/drupal-canvas/skills) suite instead for Code Components (React/JSX written in-browser or uploaded with the Canvas CLI) and for general Canvas editor usage.
Overview
Drupal Canvas 1.0 (released December 2025) is a React-based visual page builder powered by Single Directory Components (SDC). Canvas consolidates three component types:
- SDC components from themes/modules
- Code Components written in-browser with React/JSX
- Traditional Drupal Blocks
Canvas becomes the default page builder in Drupal CMS 2.0 (January 2026).