Center

Center content vertically and horizontally

Import

Source

Docs

Package

Usage

Center is a wrapper around commonly used center pattern:

<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
  Centered content
</div>

All elements inside Center are centered

<Center style={{ width: 400, height: 200 }}>
  <div>All elements inside Center are centered</div>
</Center>