Component categorisation

Some components have been split out from the main/core CSS files to allow for better page optimisation as you will now be able to load in a more streamlined core CSS and just the additional CSS files you require for a page. The following is a full breakdown of what components are in which CSS files:.

Available to all pages

Core components (68)

Misc

Accent colours

Read more

Last updated v.4.0.0 | 20/07/18

Page components

Accessibility settings

Read more

Last updated v.4.11.0 | 19/07/19

Typography

Body copy

Read more

Last updated v.4.9.0 | 24/05/19

Page components

Button

Read more

Last updated v.4.0.0 | 20/07/18

Page components

Call us panel

Read more

Last updated v.4.6.0 | 01/02/19

Layout

Card carousel

Read more

Last updated v.3.4.0 | 22/05/18

Layout

Cards with keylines

Read more

New in v.4.5.0 | 07/12/18

Layout

Cards with optional title sections

Read more

New in v.4.8.0 | 29/03/19

Layout

Cards with news categories and icons

Read more

New in v.4.9.0 | 24/05/19

Forms

Checkbox

Read more

Last updated v.4.10.0 | 21/06/19

Layout

Columns

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Columns with dividers

Read more

New in v.4.10.0 | 21/06/19

Layout

Container

Read more

Last updated v.3.0.0 | 11/09/17

Navigation

Cookie policy

Read more

Last updated v.4.11.0 | 19/07/19

Misc

Content fade

Read more

Last updated v.4.9.0 | 24/05/19

Navigation

Country selector

Read more

Last updated v.4.7.0 | 01/03/19

Layout

Data layout

Read more

Last updated v.4.9.0 | 24/05/19

Layout

Data replay

Read more

New in v.4.1.0 | 14/08/18

Forms

Date

Read more

Last updated v.4.9.0 | 24/05/19

Forms

Dropdown

Read more

Last updated v.3.0.0 | 11/09/17

Layout

Editorial card

Read more

Last updated v.4.3.0 | 09/10/18

Layout

Editorial content with pullouts

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Explanatory text

Read more

Last updated v.4.9.0 | 24/05/19

Navigation

Footer

Read more

Last updated v.4.7.0 | 01/03/19

Forms

Form introduction

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Form assumptions

Read more

New in v.4.11.0 | 19/07/19

Forms

Form row

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Form row help

Read more

Last updated v.4.7.0 | 01/03/19

Layout

Full screen modal

Read more

Last updated v.4.9.0 | 24/05/19

Layout

Global notifications

Read more

Last updated v.4.8.0 | 29/03/19

Typography

Headings

Read more

Last updated v.4.10.0 | 21/06/19

Typography

Heading groups

Read more

Last updated v.4.4.0 | 09/11/18

Layout

Icon card

Read more

Last updated v.4.3.0 | 09/10/18

Page components

Imagery

Read more

Last updated v.4.3.0 | 09/10/17

Navigation

In-page navigation

Read more

Last updated v.4.9.0 | 24/05/19

Layout

Keyline divider

Read more

Last updated v.4.9.0 | 24/05/19

Layout

Legal supporting text and image

Read more

New in v.4.5.0 | 07/12/18

Typography

Links

Read more

Last updated v.4.0.0 | 20/07/18

Typography

Lists

Read more

Last updated v.4.9.0 | 24/05/19

Page components

Loading indicator

Read more

Last updated v.4.9.0 | 24/05/19

Navigation

Masthead / main navigation

Read more

Last updated v.4.8.0 | 29/03/19

Navigation

Masthead site switcher

Read more

New in v.4.8.0 | 29/03/19

Layout

Maximum width containers

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Modal

Read more

Last updated v.4.11.0 | 19/07/19

Layout

Navigation card

Read more

Last updated v.4.12.0 | 16/08/18

Typography

Numeric indicators

Read more

Last updated v.3.3.0 | 24/04/18

Forms

Outputs

Read more

Last updated v.3.0.0 | 11/09/1

Navigation

Pagination

Read more

Last updated v.4.9.0 | 24/05/19

Navigation

Primary tabs

Read more

Last updated v.4.6.0 | 01/02/19

Navigation

Progress bar

Read more

Last updated v.4.8.0 | 29/03/19

Forms

Progressive disclosure

Read more

New in v.4.8.0 | 29/03/19

Forms

Radio

Read more

Last updated v.4.10.0 | 21/06/19

Forms

Radio - Segmented controls

Read more

Last updated v.4.2.0 | 11/09/18

Layout

Section

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Section feature banner

Read more

New in v.4.10.0 | 21/06/19

Navigation

Section tabs

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Show/hide

Read more

Last updated v.4.9.0 | 24/05/19

Page components

Show more

Read more

Last updated v.4.11.0 | 19/07/19

Page components

Social links

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Table

Read more

Last updated v.4.10.0 | 21/06/19

Layout

Tertiary card

Read more

Last updated v.4.12.0 | 16/08/19

Forms

Textarea

Read more

Last updated v.4.9.0 | 24/05/19

Forms

Textbox

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Textbox - memorable date

Read more

Last updated v.4.7.0 | 01/03/19

Forms

Textbox group

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Textbox with symbol or acronym

Read more

Last updated v.4.0.0 | 20/07/18

Misc

Utility classes

Read more

Last updated v.4.10.0 | 21/06/19

Navigation

Wayfinder

Read more

New in v.3.3.0 | 20/07/18