StreamingText

npx axis-cli add streaming-text

import { StreamingText } from '@axis-ds/agentic-ui'

export function Example() {
  const [text, setText] = useState('')
  const [isComplete, setIsComplete] = useState(false)

  // 스트리밍 시뮬레이션
  useEffect(() => {
    const fullText = 'AI가 응답을 생성하고 있습니다...'
    let i = 0
    const interval = setInterval(() => {
      if (i < fullText.length) {
        setText(fullText.slice(0, i + 1))
        i++
      } else {
        setIsComplete(true)
        clearInterval(interval)
      }
    }, 50)
    return () => clearInterval(interval)
  }, [])

  return (
    <StreamingText
      text={text}
      isComplete={isComplete}
    />
  )
}