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

499 B

components
rx.chakra.Spacer

Spacer

import reflex as rx

Creates an adjustable, empty space that can be used to tune the spacing between child elements within Flex.

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%",
)