Boundary Box

Boundary Box

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

información

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

Props

Prop	Type	Default	Description
children	node	-	Content to keep inside the page boundary.
className	string	-	Extra class on the wrapper. Other props, such as id, are passed to the wrapper as well.

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.