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

Search documentation...

/

Star

12k+

[ Learn ]

[ Concepts ]

[ Reference ]

Links are accessible elements used primarily for navigation.
Example
rx.link(
    "Example",
    href="https://pynecone.io",
    color="rgb(107,99,246)",
)
You can also provide local links to other pages in your project without writing the full url.
Example
rx.link(
    "Example", href="/docs/library", color="rgb(107,99,246)"
)
The link component can be used to wrap other components to make them link to other pages.
rx.link(
    rx.button("Example"),
    href="https://pynecone.io",
    color="rgb(107,99,246)",
    button=True,
)
You can also create anchors to link to specific parts of a page using the id prop.
Example
rx.box("Example", id="example")
To reference an anchor, you can use the href prop of the link component. The href should be in the format of the page you want to link to followed by a # and the id of the anchor.
Example
rx.link(
    "Example",
    href="/docs/library/navigation/link#example",
    color="rgb(107,99,246)",
)

Link to another page.

  • Base Event Triggers

← BreadcrumbBadge →

Copyright © 2023 Pynecone, Inc.