Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Page Properties

Component type

Layout element

Component possible inclusions

n/a

Design source (in Figma)

Container foundation

Component status

Jira Legacy
serverSystem JIRA
serverId37e96b50-f164-323a-a055-92ebe3b20fa7
keyDSD-19

Introduction

‘Container’ component allows to wrap the content and to have that wrapper in one place, so styles won’t be copy-pasted. The Container centers your content horizontally. It's the most basic layout element.

Using this component maximum width will be limited as well as paddings. It prevents content from “sticking” to the screen.

A fluid container width is bounded by the maxWidth prop value.

Info

If the changes are needed for entire project, then it is enough to change the token in one place, the rest will be applied automatically.