Component Library

See all pages: Table of Contents

Tabs

Available in two styles.

Small Tabs Variant

Default Tabs

Breadcrumb Component

Responsive Image Component

This component includes authorable, dynamic breakpoints where new image sources can be set. The component leverages the Picturefill library to swap the images across resolutions with cross-browser support.

Header Component

The Header component will have several different variants, and consists of a headline and description text.

Inline Video Component

Optional caption for video.

Accordion Component

The accordion component can be used to display collapsing/expanding content. It will fill the width of its parent container. 'Expand all / Collapse all' options, as well as an optional counter, appear above the windowshade items.

Accordion Title

Section One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu tortor sit amet turpis venenatis ultrices nec sed velit. In eget pretium quam. Proin accumsan eget nunc id imperdiet. Morbi ut diam lobortis, efficitur justo id, bibendum ex. Aenean commodo nulla vel dui dictum dapibus. Donec imperdiet tellus vitae lectus varius, ac mattis enim consequat. Suspendisse mollis lorem nisl, ut finibus quam sagittis sit amet. Aliquam finibus posuere est at aliquet. Nullam aliquam turpis sit amet finibus sagittis. Sed ut diam pulvinar, vulputate sem nec, hendrerit dui. Donec tincidunt consectetur dolor, consequat venenatis felis bibendum id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque non dapibus nibh.

Mauris nunc metus, gravida sed mattis in, dapibus in dolor. Sed scelerisque turpis sed condimentum hendrerit. Donec nec auctor tellus, et placerat neque. Morbi sagittis nunc nec justo consequat dictum. Aliquam quis consequat massa. In ornare enim felis, eu elementum lorem molestie id. Aenean lobortis ligula in luctus malesuada.