The Container restricts a content's width according to current breakpoint, while keeping the size fluid.
To include content, wrap it in the Container component.
function Example() {
return <Container>
<Heading>
A component library for the
<Heading color="emerald.500"> React Ecosystem</Heading>
</Heading>
<Text mt="3" fontWeight="medium">
NativeBase is a simple, modular and accessible component library that
gives you building blocks to build you React applications.
</Text>
</Container>;
}
Container implements
, so all the Box Props can be passed to it.
It'll center child elements based on their content width.