Docs

Blog

Gallery

Resources

Learn

Components

API Reference

Onboarding

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

No component specific event triggers

Did you find this useful?

HomeGalleryChangelogIntroductionHosting