Center
Centers content both horizontally and vertically using flexbox.
Basic Usage
Centers any content within its parent container.
Centered content
Empty State
Center icon and text for empty state messages.
No messages yet
Loading State
Center a spinner for loading indicators within bounded containers.
Success Message
Center a success confirmation with icon, heading, and action.
Payment Successful
Your order has been confirmed.
In Card
Center content inside a Card component for placeholder or empty states.
No image uploaded
Search No Results
Center a no-results state for search interfaces.
No results found
Usage
Props
| Prop | Type | Description |
|---|---|---|
children | content | Content to center horizontally and vertically |