Library
/
Chakra
/
Layout
/
Spacer
Creates an adjustable, empty space that can be used to tune the spacing between child elements within Flex.
Example
Example
Example
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%",
)A flexible space component.
Props
No component specific props
Event Triggers
See the full list of default event triggersDid you find this useful?
No
Yes
