Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel2
typeflat
separatorpipe

Panel
panelIconId1f517
panelIcon:link:
panelIconText🔗
bgColor#F4F5F7

Figma component link

Panel
panelIconId1f517
panelIcon:link:
panelIconText🔗
bgColor#F4F5F7

Storybook component


The Heading Block is a non interactive text layout designed to introduce sections of content. Headings support overlines, headline, and description.

Usage

Do’s

  • Use Heading block when starting a new content section on the page. 

Dont’s

Anatomy

Warning

Insert image here

Item

Component type

Content type

Notes

1

Item

Visual style

n/a

Editorial

  • Keep headings short, direct and attention-grabbing. 

Behaviour

  • Headings within the Heading Block have the ability to be linked.

Accessibility


Related components

Disclosure

A very brief description

Table of Contents

A very brief description

Tabs

A very brief description