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 (56)

Misc

Accent colours

Read more

Last updated v.4.0.0 | 20/07/18

Typography

Body copy

Read more

Last updated v.4.0.0 | 20/07/18

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.0.0 | 20/07/18

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

Forms

Checkbox

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Columns

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Container

Read more

Last updated v.3.0.0 | 11/09/17

Navigation

Cookie policy

Read more

Last updated v.3.0.0 | 11/09/17

Misc

Content fade

Read more

Last updated v.3.2.0 | 13/02/18

Navigation

Country selector

Read more

Last updated v.3.4.0 | 22/05/18

Layout

Data layout

Read more

Last updated v.4.5.0 | 07/12/18

Layout

Data replay

Read more

New in v.4.1.0 | 14/08/18

Forms

Date

Read more

Last updated v.3.4.1 | 18/06/18

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.0.0 | 20/07/18

Navigation

Footer

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Form introduction

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Form row

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Form row help

Read more

Last updated v.3.0.0 | 11/09/17

Layout

Full screen modal

Read more

Last updated v.4.0.0 | 20/07/18

Typography

Headings

Read more

Last updated v.4.0.0 | 20/07/18

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

New in v.3.1.0 | 05/12/17

Layout

Keyline divider

Read more

Last updated v.3.0.0 | 11/09/17

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.0.0 | 20/07/18

Page components

Loading indicator

Read more

Last updated v.3.0.0 | 11/09/17

Navigation

Masthead / main navigation

Read more

Last updated v.4.3.0 | 09/10/18

Layout

Maximum width containers

Read more

Last updated v.4.0.0 | 20/07/18

Forms

Memorable date textbox

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Modal

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Navigation card

Read more

Last updated v.4.3.0 | 09/10/18

Layout

Notification card

Read more

Last updated v.4.0.0 | 20/07/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.3.1.0 | 05/12/17

Navigation

Primary tabs

Read more

Last updated v.4.4.0 | 09/11/18

Navigation

Progress bar

Read more

Last updated v.4.0.0 | 24/04/18

Forms

Radio

Read more

New in v.4.2.0 | 11/09/18

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

Navigation

Section tabs

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Show/hide

Read more

Last updated v.3.1.0 | 05/12/17

Page components

Show more

Read more

Last updated v.4.0.0 | 20/07/18

Page components

Social links

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Table

Read more

Last updated v.4.0.0 | 20/07/18

Layout

Tertiary card

Read more

Last updated v.3.4.0 | 22/05/18

Forms

Textarea

Read more

Last updated v.3.2.0 | 13/02/18

Forms

Textbox

Read more

Last updated v.4.0.0 | 20/07/18

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.0.0 | 20/07/18

Navigation

Wayfinder

Read more

New in v.3.3.0 | 20/07/18