using-drupal-canvas

Canvas component development for Drupal requires defining component.yml contracts, applying CVA variants, and decomposing slots. This ensures modular UI elements integrate correctly with the Experience Builder and adhere to theming tokens.

A component.yml contract in Drupal Canvas defines the structure, CVA variants, and slots for a UI component. It enforces theming token adherence so components render consistently within the Drupal Experience Builder.

Setting up Storybook for Drupal Canvas components involves defining component.yml contracts and CVA variants first. The component authoring process guides scaffolding and documentation tasks so stories match the expected slot decomposition structure.

Yes, Drupal Canvas component authoring applies CVA variants directly to manage component styling and states. The component.yml contract enforces these variants alongside slot decomposition and theming tokens for consistent modular UI output.

Structuring slot decomposition for Drupal Experience Builder components requires defining explicit slots in the component.yml contract. This maintains proper CVA variant mapping and theming token integration across Canvas UI elements.

Theme tokens are required when developing Canvas components in Drupal to maintain visual consistency across modules. The component authoring process enforces token adherence through the component.yml contract alongside CVA variants and slot definitions.