Components library

Common components

These components are some of the most common across our site and will usually be used at full read width. These guide pages will give you information about how and when they should be used, as well as the variations you may want to use or request.

Please note that not all components can be added and/or managed by general publishers and you may need to Submit a request to the Digital team to have a component implemented or updated.

Accordion

Accordion
Video guide available

The accordion component lets users show and hide sections of related content on a page.

Benefits grid

Benefits Grid

The benefits grid component is used to break content into bite-sized sections with a supporting image.

Benefits list

Benefits List
Video guide available

The benefits list component is used to list content in the page. Typically this would be used to provide instructions or guides for users.

Rich text area

Rich Text
Video guide available

The rich text area component is used to add text blocks to pages. Typically this component is used for page introductions.

Image

Image

The image component is used to display one image across the full read width of your page.

Image carousel

Image Carousel

The image carousel component displays up to ten scrolling images across the full read width of your page.

Image grid

Image Grid

The image grid component provides three options for displaying two or three pictures in a grid formation on your page.

Media gallery

The media gallery component is used to add a waterfall gallery to your page.