Reflex Logo

Intro

Gallery

Hosting

Learn

Components

Recipes

API Reference

Onboarding
Hosting

Library

/

Chakra

/

Typography

/

Span

The span component can be used to style inline text without creating a new line.

Write some stylized text using spans.
rx.chakra.box(
    "Write some ",
    rx.chakra.span("stylized ", color="red"),
    rx.chakra.span("text ", color="blue"),
    rx.chakra.span("using spans.", font_weight="bold"),
)

Render an inline span of text.

PropTypeDescriptionValues
as_str

Override the tag. The default tag is <span>.

Event Triggers

See the full list of default event triggers

Did you find this useful?

HomeGalleryChangelogIntroductionHosting