Components-v2

Components

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

Component groupings

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

New and updated components

April 17, 2024 release

Enhancement(s):

  • Line graph: Add data point "markers" on the line graph component.

Bug fix(es):

  • Accessibility fix for the card component: A simple card is enhanced into a selectable card by adding the class 'block-link' along with the class 'card' on the div. When this combination is present, the 'block-link' class adds styling, and JavaScript will make any div with the classes 'cui' and 'card' function as a block link if it contains either an 'h3' element with an 'a' child or a 'p' element with the class 'card-title' that contains an 'a' child.

Updated file(s):