reflex/docs/library/chakra/layout/spacer.md
2024-02-26 17:18:28 +01:00

24 lines
499 B
Markdown

---
components:
- rx.chakra.Spacer
---
# Spacer
```python exec
import reflex as rx
```
Creates an adjustable, empty space that can be used to tune the spacing between child elements within Flex.
```python demo
rx.chakra.flex(
rx.chakra.center(rx.chakra.text("Example"), bg="lightblue"),
rx.chakra.spacer(),
rx.chakra.center(rx.chakra.text("Example"), bg="lightgreen"),
rx.chakra.spacer(),
rx.chakra.center(rx.chakra.text("Example"), bg="salmon"),
width="100%",
)
```