Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
panel
minLevel
bgColor
1
#F4F5F7
maxLevel
Figma component link
2
panel
type
bgColor
flat
#F4F5F7
separator

Storybook component link

Enter text here that explains what this component is.

Usage

Do’s

  • Enter text here

Dont’s

  • Enter text here

Anatomy

Warning

Insert image here

Item

Component type

Content type

Notes

1

2

3

Visual style

Editorial

Behaviour

Accessibility

Related components

Image Removed

Component

A very brief description

Image Removed

Component

A very brief description

Image Removed

Component

A very brief description
pipe

Panel
panelIconId293035db-a48a-4d92-a968-8e1e6c7285d6
panelIcon:Figma:
panelIconText:Figma:
bgColor#F4F5F7

Figma component

Panel
panelIconIdefa8ba60-1dab-4e63-8948-4ff4366ce32a
panelIcon:Storybook:
panelIconText:Storybook:
bgColor#F4F5F7

Storybook component


Section is used to break up your page into meaningful chunks of information by wrapping your content in meaningful semantic HTML. Sections run to the full width of the viewport or device and provide top and bottom padding.

See the layout guide for more information about Section, Container, and Grid