AI-Native

StreamingText

setInterval로 토큰 단위 점진 출력 + 커서 blink.

LLM 스트리밍 응답을 시뮬레이션. 실제 SSE/WebSocket 스트림 사용 시는 받은 토큰을 점진적으로 text prop에 누적시키면 됩니다.

import { StreamingText } from "@nxtgen-org/react";

Basic

tsx

1<StreamingText text={SAMPLE} speed={25} />

Name	Type	Default	Description
text*	string	—	전체 텍스트.
speed	number	30	토큰당 ms.
cursor	boolean	true	blink 커서 표시.
done	boolean	false	완료된 상태로 시작 (replay 방지).
onComplete	() => void	—	—