reflex/docs/library/chakra/datadisplay/divider.md

components
rx.chakra.Divider

import reflex as rx

Divider

Dividers are a quick built in way to separate sections of content.

rx.chakra.vstack(
    rx.chakra.text("Example"),
    rx.chakra.divider(border_color="black"),
    rx.chakra.text("Example"),
    rx.chakra.divider(variant="dashed", border_color="black"),
    width="100%",
)

If the vertical orientation is used, make sure that the parent component is assigned a height.

rx.chakra.center(
    rx.chakra.divider(
        orientation="vertical", 
        border_color = "black"
    ), 
    height = "4em"
)