✨ Announcing our seed funding led by Lux Capital! Read more about it on our blog ✨
[ Learn ]
[ Concepts ]
[ Reference ]
Html
The HTML component can be used to render raw HTML code. It takes in a string of HTML code and renders it.
Before you reach for this component, consider using Reflex's raw HTML element support instead.
Hello World
Hello World
Hello World
Hello World
Hello World
Hello World
rx.vstack(
rx.html("<h1>Hello World</h1>"),
rx.html("<h2>Hello World</h2>"),
rx.html("<h3>Hello World</h3>"),
rx.html("<h4>Hello World</h4>"),
rx.html("<h5>Hello World</h5>"),
rx.html("<h6>Hello World</h6>"),
)Missing Styles?
Reflex uses Chakra-UI and Tailwind for styling, both of which reset default styles for headings. If you are using the html component and want pretty default styles, consider setting
class_name="prose", adding @tailwindcss/typography package to frontend_packages and enabling it via tailwind config in rxconfig.py. See the Tailwind docs for an example of adding this plugin.Here is another example of the HTML component. In this example, we render an image.
rx.vstack(
rx.html(
"<img src='https://reflex.dev/reflex_banner.png' />"
),
)Html
Render the html.
Returns: The code to render the html component.
Base Event Triggers
Copyright © 2023 Pynecone, Inc.