Reflex Logo

Intro

Gallery

Hosting

Learn

Components

Recipes

API Reference

Onboarding

Library

/

Chakra

/

Typography

/

Text

The text component displays a paragraph of text.

Hello World!

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

The text element can be visually modified using the as_ prop.

Hello World!Hello World!Hello World!Hello World!
rx.chakra.vstack(
    rx.chakra.text("Hello World!", as_="i"),
    rx.chakra.text("Hello World!", as_="s"),
    rx.chakra.text("Hello World!", as_="mark"),
    rx.chakra.text("Hello World!", as_="sub"),
)

Render a paragraph of text.

PropTypeDefault ValueValues
as_
str
no_of_lines
int

Event Triggers

See the full list of default event triggers

Did you find this useful?

HomeGalleryChangelogIntroductionHosting