Layout

General

Data Entry

Data Display

Feedback

Center

Elements horizontally and vertically.

Import: import { Center } from '@kubed/components;'

Source: View source code

Docs: Edit this page

npm: @kubed/components

Documentation

Component Props

Basic Usage

The child elements of the Center component are centered horizontally and vertically.

Elements horizontally and vertically

<Center style={{ background: '#eee',height:'50px',width:'100%' }}>
  Elements horizontally and vertically
</Center>

1
<Center style={{ background: '#eee',height:'50px',width:'100%' }}>
2
  Elements horizontally and vertically
3
</Center>
4

5