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

Search documentation...

/

Star

12k+

[ Learn ]

[ Concepts ]

[ Reference ]

Divider

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

Example

Example

rx.vstack(
    rx.text("Example"),
    rx.divider(border_color="black"),
    rx.text("Example"),
    rx.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.center(
    rx.divider(
        orientation="vertical", border_color="black"
    ),
    height="4em",
)

Divider

Dividers are used to visually separate content in a list or group.

  • Base Event Triggers

← CodeBlockDataTable →

Copyright © 2023 Pynecone, Inc.