Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

Spacer

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

Example

Example

Example

As stack, vstack and hstack are all built from flex, it is possible to also use spacer inside of these components.

API Reference

rx.spacer

A spacer component.

Test
PropType | ValuesDefaultInteractive
as_child
bool
direction
"row" | "column" | ...
align
"start" | "center" | ...
justify
"start" | "center" | ...
wrap
"nowrap" | "wrap" | ...
spacing
"0" | "1" | ...

Event Triggers

See the full list of default event triggers