Center

Center uses flexbox to center its child on both axes.

Usage
API

Basic Usage

Centered

import { Center } from "@paramanu/primitives-react"

export default function App() {
return (
  <Center style={{ height: 200, border: "1px dashed #ccc" }}>
    <div>Centered</div>
  </Center>
)
}

<div class="pm-center" style="height: 200px; border: 1px dashed #ccc;">
<div style="background: #e2e8f0; padding: 16px;">Centered</div>
</div>

React Props

Prop	Type	Default	Description
`inline`	`boolean`	`false`	Render as inline-flex
`textCenter`	`boolean`	`false`	Also center text

CSS Classes

Class	Purpose
`pm-center`	Base
`pm-center--inline`	Inline flex
`pm-center--text`	Center text