Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel2
typeflat
separatorpipe
Panel
panelIconId1f517293035db-a48a-4d92-a968-8e1e6c7285d6
panelIcon:linkFigma:
panelIconText🔗:Figma:
bgColor#F4F5F7

Figma component

Panel
panelIconId1f517efa8ba60-1dab-4e63-8948-4ff4366ce32a
panelIcon:linkStorybook:
panelIconText🔗:Storybook:
bgColor#F4F5F7

Storybook component


Cards group information into flexible containers to let users browse a collection of related items and actions. Page cards feature other pages of the website allowing users to navigate to related content.

Table of Contents
minLevel1
maxLevel2
indent0
stylecircle
separatorpipe

Usage

Tip

Do’s

Warning

Dont's

Anatomy

Image Added

Item

Component type

Content type

Notes

1

Image

Image

JPG, PNG

Status
colourGreen
titleOptional

2

Tag

Text

Status
colourGreen
titleOptional

3

Overline

Heading block

Text

Status
colourGreen
titleOptional

4

Heading

Heading block

Text

Status
colourRed
titleMANDATORY

5

Description

Heading block

Text

Status
colourRed
titleMANDATORY

6

Card surface

n/a

n/a

Visible for 'standard' variant.

Visual style

tbd

Editorial

  • tbd

Behaviour

  • tbd

Accessibility

  • tbd