PatternLab and Drupal 8

Short session providing step-by-step description of integrating PatternLab and Drupal 8. Session was held at Cheppers internal Drupal meetup on 29/11/2018.

1. PatternLab and D8
Miro Michalicka, Cheppers bi-weekly, 29/11/2018

2. Discussion points
•What is PatternLab and how does it work
•How to integrate PatternLab with D8
•Why we used it

3. PatternLab

4. https://patternlab.io/assets/atomic-design.mp4

5. PatternLab
Demo time

6. PatternLab & D8
•Component Library
•several different approaches

7. Component Libraries

8. Component Libraries

9. Component Libraries
yourtheme.info.yml

10. Component Libraries
@atoms/10-text/01-h1.twig
yourtheme/templates/content/page-title.html.twig

11. Component Libraries
Demo time

12. Component Libraries
Preprocess
+ templates
UI Patterns
EVA for less preprocess

13. WHY?!

14. Thank you for attention
Questions?
email: [email protected]
twitter: @miromichalicka
drupal.org: mirom