Skip to Content

Center

Centers content both ways. minHeight gives the area height to center within; inline renders an inline-flex element.

Centered
import { Center } from '@gg-software/ui'; <Center minHeight={120}> <Badge label="Centered" variant="primary" /> </Center>

Props

PropTypeDefaultDescription
childrenReactNodecontent rendered inside the component
inlinebooleanfalse
minHeightstring | number
classNamestring
styleCSSProperties

* required · generated from packages/ui/src/layout/Center/Center.tsx