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
Component:

Accordions

 Variations: Grouping: Containers

Available

Component:

Background image block

 Variations: Grouping: Containers

Available

Component:

Block banner

 Variations: Grouping: Containers

Available

Component:

Blockquote

 Variations: Grouping: Text and data

Available

Component:

Breadcrumb

 Variations: Grouping: Navigation

Available

Component:

Button (link)

 Variations: Grouping: Navigation

Available

Component:

Call to action block

 Variations: Grouping: Containers

Available

Component:

Card

 Variations:

Regular
Mini

 Grouping: Containers

Available

Component:

Card set

 Variations: Grouping: Containers

Available

Component:

Card set menu

 Variations: Grouping: Navigation

Available

Component:

Card slider

 Variations: Grouping: Containers

Available

Component:

Contact information block

 Variations: Grouping: Containers

Available

Component:

Content block

 Variations: Grouping: Containers

Available

Component:

Data display block

 Variations: Grouping: Text and data

Available

Component:

Duration block

 Variations: Grouping: Text and data

Available

Component:

Footer

 Variations: Grouping: Structure and layout

Available

Component:

Global alert

 Variations: Grouping: Status and alerts

Available

Component:

Grid

 Variations: Grouping: Structure and layout

Available

Component:

Header

 Variations: Grouping: Structure and layout

Available

Component:

Headings

 Variations: Grouping: Text and data

Available

Component:

Hero banner

 Variations:

Standard
Long text
Adaptable

 Grouping: Containers

Available

Component:

Icon subject layout

 Variations: Grouping: Containers

Available

Component:

Image viewer

 Variations: Grouping: Media

Available

Component:

Images

 Variations: Grouping: Media

Available

Component:

In-page navigation menu

 Variations: Grouping: Navigation

Available

Component:

Inline alert

 Variations: Grouping: Status and alerts

Available

Component:

Interactive bar chart

 Variations: Grouping: Text and data

Available

Component:

Linear navigation footer

 Variations: Grouping: Navigation

Available

Component:

Link

 Variations: Grouping: Navigation

Available

Component:

List

 Variations: Grouping: Text and data

Available

Component:

Map

 Variations: Grouping: Text and data

Available

Component:

Marketing banner

 Variations:

Marketing block
Slogan banner

 Grouping: Media

Available

Component:

Page title block

 Variations: Grouping: Structure and layout

Available

Component:

Pagination

 Variations: Grouping: Navigation

Available

Component:

Paragraph

 Variations: Grouping: Text and data

Available

Component:

Primary navigation

 Variations: Grouping: Navigation

Available

Component:

Secondary navigation

 Variations: Grouping: Navigation

Available

Component:

Show more/show less

 Variations: Grouping: Containers

Available

Component:

Small alert

 Variations: Grouping: Status and alerts

Available

Component:

Tab

 Variations: Grouping: Containers

Available

Component:

Table

 Variations: Grouping: Text and data

Available

Component:

Text on image

 Variations: Grouping: Media

Available

Component:

Tooltip

 Variations: Grouping: Containers

In progress

Component:

Wordmark

 Variations: Grouping: Structure and layout

Available

Latest release notes

Latest release notes

New and updated components

View all the release notes

October 21, 2026

New release(s):

  • New icons added:
    • cicon-sprinkler-solid-full
    • cicon-tank-water-regular-full
    • cicon-truck-droplet-regular-full
    • cicon-truck-container-solid-full
    • cicon-road-barrier-regular-full
    • cicon-pipe-valve-solid-full
    • cicon-glass-water-droplet-solid-full
    • cicon-fish-fins-solid-full
    • cicon-excavator-regular-full
    • cicon-pipe-circle-check-regular-full
    • cicon-mountain-city-regular-full
    • cicon-dog-leashed-solid-full
    • cicon-diamond-turn-right-light-full
    • cicon-car-building-regular-full
    • cicon-bulldozer-regular-full
    • cicon-building-shield-solid-full
    • cicon-bore-hole-regular-full

Enhancement(s):

Update file(s):