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

Search documentation...

/

Star

12k+

[ Learn ]

[ Concepts ]

[ Reference ]

Highlight


The highlight component take in a string and display some of the words as highlighted text.
The words to highlight can be selected using the query prop.
You can also customize how the hightlight will be rendered with the styles prop.
Hello World, we have some highlight
rx.highlight(
    "Hello World, we have some highlight",
    query=["World", "some"],
    styles={
        "px": "2",
        "py": "1",
        "rounded": "full",
        "bg": "grey",
    },
)

Highlight


Highlights a specific part of a string.


  • Base Event Triggers

← MarkdownForm →

Copyright © 2023 Pynecone, Inc.