/
Heading block

*This site is a work-in-progress and some pages are more complete than others. If you have any questions or issues, please email nick.harris@reckitt.com. *

Heading block

Owned by Nick Harris
Last updated: Aug 27, 2022
1 min read
1 Usage | 2 Anatomy | 3 Visual style | 4 Editorial | 5 Behaviour | 6 Accessibility | 7 Related components

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

Insert image here

 

Item

Component type

Content type

Notes

 

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