---
components:
    - rx.chakra.Center
    - rx.chakra.Circle
    - rx.chakra.Square
---

# Center

```python exec
import reflex as rx
```

Center, Square, and Circle are components that center its children within itself.

```python demo
rx.chakra.center(
    rx.chakra.text("Hello World!"),
    border_radius="15px",
    border_width="thick",
    width="50%",
)
```

Below are examples of circle and square.

```python demo
rx.chakra.hstack(
    rx.chakra.square(
        rx.chakra.vstack(rx.chakra.text("Square")),
        border_width="thick",
        border_color="purple",
        padding="1em",
    ),
    rx.chakra.circle(
        rx.chakra.vstack(rx.chakra.text("Circle")),
        border_width="thick",
        border_color="orange",
        padding="1em",
    ),
    spacing="2em",
)
```