/
'Container' component

'Container' component

Component type

Layout element

Component possible inclusions

n/a

Design source (in Figma)

Container foundation

Component status

https://rb-digital.atlassian.net/browse/DSD-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.

 

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.