Center
Centers its children both horizontally and vertically using flexbox.
Preview
Import
import { Center } from "@sigil-ui/components";Usage
<Center className="h-32 border border-[var(--s-border)]"><span>Centered content</span></Center>Inline variant
<p>
Text with an <Center inline>inline centered</Center> element.
</p>Props
| Prop | Type | Default | Description |
|---|---|---|---|
inline | boolean | false | Use inline-flex instead of flex |
className | string | — | Additional CSS classes |