streamTarget

Styles for a reply that streams in with revealStream().

tsx

import { streamTarget } from "@sdxc/ui/chat";

Usage

Put on the element a reply streams into, the one carrying data-stream-pending. Without scripts, or under reduced motion, the reply shows whole at once; with them it waits for the replay, and shows whole after FALLBACK_DELAY if the replay never starts.

Signature

typescript

streamTarget()

Returns the mixins to spread into the reply's mix.

Examples

tsx

<div id="reply-7" data-stream-pending mix={[streamTarget()]}>…</div>