Skip to main content

Boundary Box

<BoundaryBox> ensures consistent boundaries of its children on all screen sizes.

info

Usually you put everything inside a <BoundaryBox> except a <BackgroundWrapper>.

Example​

<BoundaryBox> is just a wrapper component. It is used to wrap other elements or components as shown:

<BoundaryBox>
  This is how<br />
  text looks like<br />
  in a boundary box.
</BoundaryBox>

Result​

This is how
text looks like
in a boundary box.