Chat Bubble

내가 보낸 말과 봇의 답을 구분하는 말풍선입니다.

@horon-ai/react 대화 Storybook ↗

Preview

What needs my attention today?

Overnight: 41 new emails, 6 need you. The rest are filed.

Usage

tsx

import { ChatBubble } from "@horon-ai/react";

export default function ChatBubbleDemo() {
  return (
    <div className="flex w-full max-w-120 flex-col gap-3">
      <ChatBubble from="me">What needs my attention today?</ChatBubble>
      <ChatBubble from="bot">Overnight: 41 new emails, 6 need you. The rest are filed.</ChatBubble>
    </div>
  );
}