Reflex Logo
Docs Logo
Library

/

Layout

/

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.

PropType | ValuesDefaultInteractive
access_key
str
-
auto_capitalize
"off" | "none" | ...
-
content_editable
Union["inherit" | "plaintext-only", bool]
-
context_menu
str
-
dir
str
-
draggable
bool
-
enter_key_hint
"enter" | "done" | ...
-
hidden
bool
-
input_mode
"none" | "text" | ...
-
item_prop
str
-
lang
str
-
role
"alert" | "alertdialog" | ...
-
slot
str
-
spell_check
bool
-
tab_index
int
-
title
str
-
as_child
bool
-
direction
"row" | "column" | ...
-
align
"start" | "center" | ...
-
justify
"start" | "center" | ...
-
wrap
"nowrap" | "wrap" | ...
-
spacing
"0" | "1" | ...
-

Built with Reflex