⚠️ Warning: You are looking at the documentation of the Aphrodite-UI which is being actively developed. There will very likely be outdated and missing documentation.

Center

Center is a layout component that centers its child within itself.

Import

import { Center } from '@aphrodite-ui/react';

Usage

Put any child element inside it, give it any width or/and height, it'll ensure the child is centered.

I'm Centered
<Center className="h-12 bg-warning-9 text-black">I'm Centered</Center>