/
'Container' component
'Container' component
Component type | Layout element |
---|---|
Component possible inclusions | n/a |
Design source (in Figma) | |
Component status |
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.