Unlocking Drupal 8 Themes: How to Build a Custom Component-Based theme using Twig and Atomic Design Principles

Drupal 8 ushered in some awesome new tools to use for theming. In this session, we’ll explore the ins and outs of Twig and how it can be used to support a component-based theme. We’ll also explore how component-based theming is capable of liberating your markup and styles from Drupal, making it possible to reveal your theme to style guides or other systems.

In this session, you'll learn:

  • How to use Twig templates, functions, and filters to build a component-based theme
  • How to pass logical variables from Drupal templates to component templates
  • How to attach CSS and JS libraries to components
  • How to include smaller templates in larger ones based on atomic design principles
  • How your components can be shared with Pattern Lab, Fractal, or other systems to create automated and living style guides
briangervais's picture
Experience Level: 
Front End: Themes, Design, UX, UI, etc