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

Separator

Visually or semantically separates content.

Basic Example

Section 1
Section 2

Size

The size prop controls how long the separator is. Using size="4" will make the separator fill the parent container. Setting CSS width or height prop to "100%" can also achieve this effect, but size works the same regardless of the orientation.

Section 1
Section 2

Orientation

Setting the orientation prop to vertical will make the separator appear vertically.

Section 1
Section 2

API Reference

rx.separator

Visually or semantically separates content.

PropType | ValuesDefaultInteractive
size
"1" | "2" | ...
LiteralVar.create("4")
color_scheme
"tomato" | "red" | ...
orientation
"horizontal" | "vertical"
decorative
bool

Event Triggers

See the full list of default event triggers