Docs

Blog

Gallery

Resources

Learn

Components

API Reference

Onboarding

Library

/

Other

/

Html

The HTML component can be used to render raw HTML code.

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.

In this example, we render an image.

rx.html(
    "<img src='https://reflex.dev/reflex_banner.png' />"
)

Render the html.

Returns:
    The code to render the  html component.
PropTypeDescriptionValues
dangerouslySetInnerHTMLDict

The HTML to render.

Event Triggers

No component specific event triggers

← VideoScript →

Did you find this useful?

HomeGalleryChangelogIntroductionHosting