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.