44 lines
798 B
Markdown
44 lines
798 B
Markdown
---
|
|
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",
|
|
)
|
|
```
|