Components-v2

Components

User interface elements designed and coded to organize content, be accessible and meet user needs.

Component groupings

Component status

Component status

Available

In progress

Backlog

Deprecated

Component Variations Grouping Status

Accordions

 Containers

Available

Background image block

 Containers

Available

Block banner

 Containers

Available

Blockquote

 Text and data

Available

Breadcrumb

 Navigation

Available

Button (link)

 Navigation

Available

Call to action block

 Containers

Available

Card

Regular
Mini

 Containers

Available

Card set

 Containers

Available

Card set menu

 Navigation

Available

Card slider

 Containers

Available

Contact information block

 Containers

Available

Content block

 Containers

Available

Data display block

 Text and data

Available

Duration block

 Text and data

Available

Footer

 Structure and layout

Available

Global alert

 Status and alerts

Available

Grid

 Structure and layout

Available

Header

 Structure and layout

Available

Headings

 Text and data

Available

Hero banner

Standard
Long text
Adaptable

 Containers

Available

Icon subject layout

 Containers

Available

Image viewer

 Media

Available

Images

 Media

Available

In-page navigation menu

 Navigation

Available

Inline alert

 Status and alerts

Available

Interactive bar chart

 Text and data

Available

Linear navigation footer

 Navigation

Available

Link

 Navigation

Available

List

 Text and data

Available

Map

 Text and data

Available

Marketing banner

Marketing block
Slogan banner

 Media

Available

Page title block

 Structure and layout

Available

Pagination

 Navigation

Available

Paragraph

 Text and data

Available

Primary navigation

 Navigation

Available

Secondary navigation

 Navigation

Available

Show more/show less

 Containers

Available

Small alert

 Status and alerts

Available

Tab

 Containers

Available

Table

 Text and data

Available

Text on image

 Media

Available

Tooltip

 Containers

In progress

Wordmark

 Structure and layout

Available

Latest release notes

Latest release notes

New and updated components

View all the release notes

Bug fix(es):

  • Rotating card: 
    • Remove conflicting styles from clientlib.
    • Clean up and fix code functions.
    • Make card set responsive.
    • Fix card item alignment and spacing.
    • Adjust SVG image size inside card.
    • Add card focus.
    • Fix back image size.
    • Make keyboard accessible.
  • Focus indicator style fix