✨ Announcing our seed funding led by Lux Capital! Read more about it on our blog
DocsBlogChangelog

Search documentation...

/

Star

12k+

[ Learn ]

[ Concepts ]

[ Reference ]

Spacer


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

Example

Example

Example

rx.flex(
    rx.center(rx.text("Example"), bg="lightblue"),
    rx.spacer(),
    rx.center(rx.text("Example"), bg="lightgreen"),
    rx.spacer(),
    rx.center(rx.text("Example"), bg="salmon"),
    width="100%",
)

Spacer


A flexible space component.


  • No props for Spacer.

  • Base Event Triggers

← CardStack →

Copyright © 2023 Pynecone, Inc.