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
childrenReactNode—content rendered inside the component
inlinebooleanfalse
minHeightstring | number—
classNamestring—
styleCSSProperties—

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