Chat Controls

최신 메시지로 이동, 새 메시지 알림, 음성 입력 막대입니다.

@horon-ai/react 대화 Storybook ↗

Preview

0:07

Usage

tsx

import { JumpToLatest, NewMessagesPill, VoiceInput } from "@horon-ai/react";

export default function ChatControlsDemo() {
  return (
    <>
      <JumpToLatest />
      <NewMessagesPill>3 new messages</NewMessagesPill>
      <VoiceInput elapsed="0:07" />
    </>
  );
}