How-to guide - Components
Components are a simple, reusable solution to a design problem. They are used to add content to a page in a styled but consistent way, effectively making our pages modular in the way they are built.
Components are split into three major types - main content, sidebar content and full-width content - which reflect the overall architecture of the pages themselves.
To create functional and attractive pages, you will need to know what each of the major components does and how to use it. Below are guides for the most used components - the ones which you will find yourself either editing or creating most regularly.
The below guides are laid out like you would find them on a page you are building - Main content, Sidebar content and Full-width content from top to bottom, in that order.