Container

Container pads and aligns your content within a given device or viewport.

Live code

Example

Storybook failed to load. Please connect to the VPN to access.

Container centers your content horizontally and sets its max-width with horizontal paddings.


                                                
                                                <Container>Content</Container>

The components accept additional attributes. If you need more control over the styling of a component, you can use style props and escape hatches.

For detailed information see Container component