# StreamingText

Source: https://lumeo.nativ.sh/components/streaming-text

# StreamingText

Token-by-token streaming text renderer for AI responses.

## When to Use

-   Render AI response text as it streams in — new tokens fade in smoothly.
-   Show a blinking cursor while `IsStreaming` is true, hide it when the response is complete.
-   Enable `Prose` for Tailwind typography styling on markdown-formatted responses.

Preview Code

Static Text

Blazor is a framework for building interactive web UIs using C# instead of JavaScript. It enables developers to share logic across client and server without writing JavaScript, while still delivering rich interactive experiences.

Copy Code

Preview Code

Streaming Simulation

Start Streaming Reset

Copy Code

Preview Code

With Blinking Cursor While Streaming

AI

Assistant

Simulate Response Reset

Copy Code

## API Reference

### StreamingText

Property

Type

Default

Description

Text

string?

null

The current full text. Each re-render fades in only the new suffix since the last render.

IsStreaming

bool

false

When true, shows an animated blinking cursor at the end of the text.

Prose

bool

false

Applies Tailwind `prose prose-sm max-w-none` classes for markdown-formatted responses.

Class

string?

null

Additional CSS classes merged onto the root span.

## Related Components

-   [PromptInput](/components/prompt-input) — Multiline AI prompt textarea with submit and keyboard shortcuts.
-   [ReasoningDisplay](/components/reasoning-display) — Collapsible chain-of-thought block for AI reasoning traces.
-   [AgentMessageList](/components/agent-message-list) — Chat message stream for AI agents with role-based styling.
