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

Search documentation...

/

Star

12k+

[ Learn ]

[ Concepts ]

[ Reference ]

Heading


The heading component takes in a string and displays it as a heading.

Hello World!

rx.heading("Hello World!")
Size can be changed using the size prop.

Hello World!

Hello World!

Hello World!

Hello World!

Hello World!

Hello World!

Hello World!

rx.vstack(
    rx.heading("Hello World!", size="sm", color="red"),
    rx.heading("Hello World!", size="md", color="blue"),
    rx.heading("Hello World!", size="lg", color="green"),
    rx.heading("Hello World!", size="xl", color="blue"),
    rx.heading("Hello World!", size="2xl", color="red"),
    rx.heading("Hello World!", size="3xl", color="blue"),
    rx.heading("Hello World!", size="4xl", color="green"),
)
It can also be styled using regular CSS styles.

Hello World!

rx.heading("Hello World!", font_size="2em")

Heading


A page heading.


  • Base Event Triggers

← TextSpan →

Copyright © 2023 Pynecone, Inc.