Components
Center
Centers its children both horizontally and vertically using flexbox.
Import
import { Center } from "@sigil-ui/components";Preview
Usage
<Center className="h-40 border border-[color:var(--s-border)] border-dashed">
<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 |