Home » What is Devsigner » Sessions » Form Submission: Submit A Session

Integrating Pattern Lab Prototyping into a CMS Build

We'll walkthrough how to set up a Drupal 8 theme with integrated Pattern Lab 2 where both use the same Twig templates, CSS, & JavaScript allowing one to edit the site's style guide and have the results immediately viewable in the CMS. This is an incredibly powerful approach and opens up wide new possibilities in web development.

Relevant links with more information:

- https://www.phase2technology.com/blog/introducing-pattern-lab-starter-8/
- https://www.smashingmagazine.com/2016/07/building-maintaining-atomic-des...

Session takeaways: 

1. The fundamentals of how Twig template sharing occurs between Drupal 8 & Pattern Lab 2.

2. How to edit and add new components to Pattern Lab & include them in Drupal 8.

3. A working Drupal 8 site & theme that has Pattern Lab integrated.

Evan Lovely