Skip to main content

Center

Center is a layout component that centers its child within itself across both axes. By default, it renders a Box element.

Import#

import { Center } from "pearl-ui";

Usage#

<Center height={100} backgroundColor="neutral.300">  This is the screen</Center>

Example#

Props#

Supported style props#

Center composes Box so you can pass all Box related props.