Component based theming has been a popular topic amongst Drupal frontend developers for several years now. It's a subject I'm passionate about and love to share about in sessions or workshops. Many popular themes such as Particle, Emulsify, and Gesso have a component library such as Pattern Lab or Storybook built in.
Layout builder is "a visual design tool" for creating layouts. Added to core last year, it is rapidly becoming the preferred tool for content editors and sitebuilders to manage content. It's rapidly expanding "ecosystem" makes it even more powerful.
This session will cover the process of taking components and styles from a design system and making them available for sitebuilders and content editors in the Layout Builder user interface.
Specifically, we will demonstrate:
- Defining some components such as blocks, views, and of course layouts (layouts are components too!)
- Mapping components to Drupal templates
- Adding template suggestions to custom blocks
- Sharing our components and its variants with Layout Builder
- Restricting which components/variants are available for different layouts
This session is ideal for Sitebuilders and Content Editors, or anyone interested in learning how to apply component based theming to building sites with Layout Builder.