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

  • Accessibility

    Accessibility settings

    Created v4.7.0 | 01/03/19

    Last updated v5.10.0 | 10/08/21

  • Banners and media

    Imagery

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

  • Banners and media

    Map styling

    Created v3.1.0 | 08/12/17

    Last updated v5.0.0 | 05/10/20

  • Banners and media

    Section feature banner

    Created v4.10.0 | 21/06/19

    Last updated v5.6.0 | 20/04/21

  • Buttons and links

    Links

    Created v3.0.0 | 15/09/17

    Last updated v4.0.0 | 20/07/18

  • Cards and notifications

    Cards

    Created v3.0.0 | 15/09/17

    Last updated v5.10.0 | 10/08/21

  • Cards and notifications

    Icon cards

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

  • Cards and notifications

    Keyline cards

    Created v4.5.0 | 07/12/18

    Last updated v5.7.0 | 18/05/21

  • Cards and notifications

    Link cards

    Created v5.5.0 | 23/03/21

    Last updated v5.6.0 | 20/04/21

  • Cards and notifications

    Navigation cards

    Created v3.0.0 | 15/09/17

    Deprecated v5.6.0 | 20/04/21

  • Cards and notifications

    News, category and icon cards

    Created v4.9.0 | 24/05/19

    Last updated v5.6.0 | 20/04/21

  • Cards and notifications

    Tertiary cards

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

  • Cards and notifications

    Carousel

    Created v3.0.0 | 15/09/17

    Last updated v5.9.0 | 13/07/21

  • Cards and notifications

    Notification patterns

    Created v3.0.0 | 15/09/17

    Last updated v5.10.0 | 10/08/21

  • Contact, support and social

    Call us panel

    Created v3.0.0 | 15/09/17

    Last updated v5.0.0 | 05/10/20

  • Contact, support and social

    Contextual help

    Created v4.6.0 | 01/02/19

    Last updated v5.10.0 | 10/08/21

  • Contact, support and social

    Social links

    Created v3.0.0 | 15/09/17

    Last updated v5.4.0 | 23/02/21

  • Forms

    Checkbox

    Created v3.0.0 | 15/09/17

    Last updated v5.6.1 | 26/04/21

  • Forms

    Checkbox toggle

    Created v4.6.0 | 01/02/19

    Last updated v5.5.0 | 23/03/21

  • Forms

    Date

    Created v3.0.0 | 15/09/17

    Last updated v5.5.0 | 23/03/21

  • Forms

    Dropdown

    Created v3.0.0 | 15/09/17

    Last updated v5.5.0 | 23/03/21

  • Forms

    Explanatory text

    Created v3.0.0 | 15/09/17

    Last updated v5.5.0 | 23/03/21

  • Forms

    Form affix

    Created v4.14.0 | 11/10/19

    Last updated v5.6.0 | 20/04/21

  • Forms

    Form row

    Created v3.0.0 | 15/09/17

    Last updated v5.5.0 | 23/03/21

  • Forms

    Form row instruction

    Created v5.3.0 | 26/01/21

    Last updated v5.5.0 | 23/03/21

  • Forms

    Forms introduction

    Created v3.0.0 | 15/09/17

    Last updated v5.10.0 | 10/08/21

  • Forms

    Outputs

    Created v3.0.0 | 15/09/17

    Last updated v3.0.0 | 15/09/17

  • Forms

    Progressive disclosure

    Created v4.8.0 | 29/03/19

    Last updated v5.5.0 | 23/03/21

  • Forms

    Radio buttons

    Created v3.0.0 | 15/09/17

    Last updated v5.6.1 | 26/04/21

  • Forms

    Radio segmented controls

    Created v3.0.0 | 15/09/17

    Last updated v5.9.0 | 13/07/21

  • Forms

    Textarea

    Created v3.0.0 | 15/09/17

    Last updated v5.10.0 | 10/08/21

  • Forms

    Textbox

    Created v4.0.0 | 20/07/18

    Last updated v5.5.0 | 23/03/21

  • Forms

    Textbox format

    Created v4.0.0 | 20/07/18

    Last updated v5.9.0 | 13/07/21

  • Navigation

    Breadcrumb

    Created v3.0.0 | 15/09/17

    Last updated v5.8.0 | 15/06/21

  • Navigation

    Pagination

    Created v3.0.0 | 15/09/17

    Last updated v5.0.0 | 05/10/20

  • Navigation

    Progress bar

    Created v3.0.0 | 15/09/17

    Last updated v4.8.0 | 29/03/19

  • Page layout

    Columns

    Created v3.0.0 | 15/09/17

    Last updated v4.0.0 | 20/07/18

  • Page layout

    Columns with dividers

    Created v4.10.0 | 21/06/19

    Last updated v4.10.0 | 21/06/19

  • Page layout

    Divider line

    Created v3.0.0 | 15/09/17

    Last updated v5.0.0 | 05/10/20

  • Page layout

    Editorial content container

    Created v3.0.0 | 15/09/17

    Last updated v3.0.0 | 15/09/17

  • Page layout

    Legal supporting text and image

    Created v4.5.0 | 07/12/18

    Last updated v5.6.0 | 20/04/21

  • Page layout

    Loading indicator

    Created v3.0.0 | 15/09/17

    Last updated v5.0.0 | 05/10/20

  • Page layout

    Maximum width container

    Created v3.0.0 | 15/09/17

    Last updated v3.1.0 | 08/12/17

  • Page layout

    Section

    Created v3.0.0 | 15/09/17

    Last updated v4.0.0 | 20/07/18

  • Page structure

    Base template

    Created v3.0.0 | 15/09/17

    Last updated v5.0.0 | 05/10/20

  • Page structure

    Cookie policy

    Created v3.0.0 | 15/09/17

    Deprecated v5.10.0 | 10/08/21

  • Page structure

    Masthead country selector

    Created v3.0.0 | 15/09/17

    Last updated v4.13.0 | 13/09/19

  • Page structure

    Footer

    Created v3.0.0 | 15/09/17

    Last updated v5.4.0 | 23/02/21

  • Page structure

    Masthead

    Created v3.0.0 | 15/09/17

    Last updated v5.10.0 | 10/08/21

  • Page structure

    Site switcher

    Created v4.8.0 | 29/03/19

    Last updated v5.5.0 | 23/03/21

  • Show/hide content

    Modal

    Created v3.0.0 | 15/09/17

    Last updated v5.11.0 | 07/09/21

  • Show/hide content

    Full screen modal

    Created v4.0.0 | 20/07/18

    Last updated v5.9.0 | 13/07/21

  • Show/hide content

    Show more

    Created v3.2.0 | 16/02/18

    Last updated v5.11.0 | 07/09/21

  • Show/hide content

    Show/hide

    Created v3.0.0 | 15/09/17

    Last updated v5.8.0 | 15/06/21

  • Show/hide content

    Primary tabs

    Created v3.1.0 | 08/12/17

    Last updated v5.9.0 | 13/07/21

  • Show/hide content

    Tabs

    Created v3.0.0 | 15/09/17

    Last updated v5.9.0 | 13/07/21

  • Style guide

    Grid

    Created v3.0.0 | 15/09/17

    Last updated v3.0.0 | 15/09/17

  • Style guide

    Typography

    Created v3.0.0 | 15/09/17

    Last updated v3.0.0 | 15/09/17

  • Tables, charts and data

    Data group

    Created v3.0.0 | 15/09/17

    Last updated v5.4.0 | 23/02/21

  • Tables, charts and data

    Data replay

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

  • Tables, charts and data

    Tables

    Created v3.0.0 | 15/09/17

    Last updated v5.0.0 | 05/10/20

  • Typography

    Body copy

    Created v3.0.0 | 15/09/17

    Last updated v5.5.0 | 23/03/21

  • Typography

    Heading

    Created v3.0.0 | 15/09/17

    Last updated v4.10.0 | 21/06/19

  • Typography

    Heading group

    Created v3.2.0 | 16/02/18

    Last updated v5.6.0 | 20/04/21

  • Typography

    List

    Created v3.0.0 | 15/09/17

    Last updated v5.9.0 | 13/07/21

  • Typography

    Numeric indicator

    Created v3.0.0 | 15/09/17

    Last updated v5.0.0 | 05/10/20

  • Utility

    Content fade

    Created v3.2.0 | 16/02/18

    Last updated v5.0.0 | 05/10/20

  • Utility

    Lazy loading

    Created v3.2.0 | 16/02/18

    Last updated v5.6.0 | 20/04/21

  • Utility

    Utility classes reference

    Created v3.0.0 | 15/09/17

    Last updated v4.10.0 | 21/06/19

When loaded

Additional help (4)

  • Contact, support and social

    FAQ panel

    Created v3.3.0 | 27/04/18

    Last updated v5.10.0 | 10/08/21

  • Contact, support and social

    FAQ panel right

    Created v3.3.0 | 27/04/18

    Last updated v5.10.0 | 10/08/21

  • Contact, support and social

    Help utility section

    Created v4.9.0 | 24/05/19

    Last updated v5.3.0 | 26/01/21

  • Show/hide content

    Opening times

    Created v3.0.0 | 15/09/17

    Last updated v5.10.0 | 10/08/21

When loaded

Cards - extended (5)

  • Cards and notifications

    Numeric cards

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

  • Cards and notifications

    Promo cards

    Created v3.0.0 | 15/09/17

    Last updated v5.5.0 | 23/03/21

  • Cards and notifications

    Promo cards with imagery

    Created v4.12.0 | 16/08/19

    Last updated v5.6.0 | 20/04/21

  • Cards and notifications

    Report cards

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

  • Cards and notifications

    Story deck

    Created v3.1.0 | 08/12/17

    Last updated v5.6.0 | 20/04/21

When loaded

Cards - functional (1)

  • Cards and notifications

    Download cards

    Created v3.0.0 | 15/09/17

    Last updated v5.7.0 | 18/05/21

When loaded

Charts (3)

  • Tables, charts and data

    Doughnut charts

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

  • Tables, charts and data

    Horizontal value bar

    Created v4.11.0 | 19/07/19

    Last updated v5.5.0 | 23/03/21

  • Tables, charts and data

    Pie charts

    Created v4.7.0 | 01/03/19

    Last updated v5.6.0 | 20/04/21

When loaded

Forms - extended A (13)

When loaded

Forms - extended B (4)

  • Forms

    File upload

    Created v3.0.0 | 15/09/17

    Last updated v5.5.0 | 23/03/21

  • Forms

    Plus/minus number textbox

    Created v3.0.0 | 15/09/17

    Last updated v5.9.0 | 13/07/21

  • Forms

    Slider

    Created v3.0.0 | 15/09/17

    Last updated v5.9.0 | 13/07/21

  • Forms

    Slider range

    Created v3.0.0 | 15/09/17

    Last updated v5.9.0 | 13/07/21

When loaded

Heroes (3)

  • Banners and media

    Hero banner

    Created v3.0.0 | 15/09/17

    Last updated v5.8.0 | 15/06/21

  • Banners and media

    Shallow hero banner

    Created v4.6.0 | 01/02/19

    Last updated v5.8.0 | 15/06/21

  • Banners and media

    Video hero banner

    Created v3.1.0 | 08/12/17

    Last updated v5.11.0 | 07/09/21

When loaded

Long form article (10)

  • Long form article

    Author and contributor box

    Created v5.1.0 | 03/11/20

    Last updated v5.6.0 | 20/04/21

  • Long form article

    Audio card

    Created v5.2.0 | 17/11/20

    Last updated v5.6.0 | 20/04/21

  • Long form article

    Image gallery card

    Created v5.2.0 | 17/11/20

    Last updated v5.6.0 | 20/04/21

  • Long form article

    See also card

    Created v5.2.0 | 17/11/20

    Last updated v5.10.0 | 10/08/21

  • Long form article

    Chapter index

    Created v5.1.0 | 03/11/20

    Last updated v5.10.0 | 10/08/21

  • Long form article

    Large video player

    Created v5.2.0 | 17/11/20

    Last updated v5.6.0 | 20/04/21

  • Long form article

    Long form article

    Created v5.1.0 | 03/11/20

    Last updated v5.2.0 | 17/11/20

  • Long form article

    Long form hero

    Created v5.1.0 | 03/11/20

    Last updated v5.8.0 | 15/06/21

  • Long form article

    Read next article

    Created v5.1.0 | 03/11/20

  • Long form article

    Social sharing bar

    Created v5.2.0 | 17/11/20

    Last updated v5.4.0 | 23/02/21

When loaded

Media (2)

  • Banners and media

    Audio player

    Created v3.0.0 | 15/09/17

    Last updated v5.3.0 | 26/01/21

  • Banners and media

    Video player

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

When loaded

Payments (6)

  • Forms

    Payment options list

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

  • Forms

    Wallet

    Created v3.4.0 | 08/06/18

    Last updated v5.11.0 | 07/09/21

  • Forms

    Wallet, add card

    Created v3.4.0 | 08/06/18

    Last updated v5.11.0 | 07/09/21

  • Forms

    Wallet, edit card

    Created v3.4.0 | 08/06/18

    Last updated v5.10.0 | 10/08/21

  • Forms

    Wallet, remove card

    Created v3.4.0 | 08/06/18

    Last updated v5.9.0 | 13/07/21

  • Forms

    Wallet, stored cards

    Created v3.4.0 | 08/06/18

    Last updated v5.9.0 | 13/07/21

When loaded

Quotes (1)

  • Typography

    Quote

    Created v3.0.0 | 15/09/17

    Last updated v5.6.0 | 20/04/21

When loaded

Reviews (2)

  • Cards and notifications

    Review cards

    Created v3.0.0 | 15/09/17

    Last updated v5.5.0 | 23/03/21

  • Tables, charts and data

    Review stars

    Created v3.0.0 | 15/09/17

    Last updated v5.0.0 | 05/10/20

When loaded

Supporting navigation (3)

  • Navigation

    Secondary navigation

    Created v5.0.0 | 05/10/20

    Last updated v5.11.0 | 07/09/21

  • Navigation

    Wayfinder

    Created v3.4.0 | 08/06/18

    Deprecated v5.8.0 | 15/06/21

  • Page structure

    Sticky CTA bar

    Created v4.16.0 | 06/12/19

    Last updated v5.10.0 | 10/08/21

When loaded

Tracking (1)

  • Navigation

    Timeline

    Created v4.12.0 | 16/08/19

    Last updated v5.5.0 | 23/03/21

Want something new in Framework, or to chat about an issue you're having with it?

Contact the team