This session will give an overview of how to build reusable components that can be configured through the user interface, such as full-width spanning banners, clickable icons, or grids of pictures.

This approach gives content editors more control over the structural aspects of an app while allowing developers to set reasonable limits on what can be accomplished and safeguards to keep people within the brand guidelines of the site.

We will leverage a powerful grid system provided by the Zurb Foundation 6 theme to create responsive layouts on the fly and use the Paragraphs module to build the admin interface for editors.

We'll even touch on basic twig concepts while creating unique templates for each component.

Slides