Skip to main content

Center

The Center component is a layout utility in the Pearl UI library. It is designed to center its child elements both vertically and horizontally. By default, it renders a Box element, which is a fundamental building block in Pearl UI.

Import#

import { Center } from "pearl-ui";

Usage#

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

Example#

Component Properties#

Supported Style Properties#

The Center component composes the Box component, which means you can pass all the props that you would normally pass to a Box component.