Using Center
The <Center> component horizontally centers its children. Multiple children are stacked vertically with consistent spacing.
<Center>
This text is centered.
</Center>
This text is centered.
Multiple Children
When you place several elements inside <Center>, they stack vertically and stay centered:
<Center>
**Welcome to BEARS**
We build cool things together.
<Button content="Join us" href="/about-us" />
</Center>
Optional Fields
| Field | Type | Description |
|---|---|---|
class | string | Additional CSS classes to apply to the wrapper |