Middle
Configurations
Basic example
Middle positions content in the centre of the screen along the horizontal axis.
With a max width
You can override the default max-width
using the maxWidth
prop.
With a different text alignment
You can override the default text-align
of center
using the textAlign
prop.
With a large view max width
You can add a max-width
for large views using the width
prop.
Implementation
Props
maxWidth
The maximum width of Middle
. Default is 30rem
.
textAlign
The alignment of text within Middle
. Default is center
.
width
The max width for large viewports.