Browse components

Container

Centered max-width wrapper with optional horizontal padding.

atoms

Live example

Default usage you can copy and adapt.

Page-level width constraint

Centered max-width container

The props you are most likely to need, with types and defaults.

Props / API
Name	Type	Required	Default	Description
as	'div' \| 'section' \| 'main' \| 'article'	No	div	Root element
maxWidth	string	No	xl	sm \| md \| lg \| xl \| 2xl \| full
padded	boolean	No	true	Apply horizontal padding