Versions Compared

Key

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

...

‘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.