Center

Center content vertically and horizontally
Import

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>