TypingIndicator入力中を示すインジケーターコンポーネント。インポート import { TypingIndicator } from '@caroainc/ui-components' 基本的な使い方 <TypingIndicator /> チャットUIでの使用例 Loading... <div className="flex items-end gap-2"> <Avatar> <AvatarFallback>AI</AvatarFallback> </Avatar> <div className="bg-muted rounded-lg p-3"> <TypingIndicator /> </div> </div> メッセージリスト内での使用 Loading... <div className="space-y-4"> {/* ユーザーメッセージ */} <div className="flex justify-end"> <div className="bg-primary text-primary-foreground rounded-lg p-3"> こんにちは！ </div> </div> {/* AIが入力中 */} <div className="flex items-end gap-2"> <Avatar> <AvatarFallback>AI</AvatarFallback> </Avatar> <div className="bg-muted rounded-lg p-3"> <TypingIndicator /> </div> </div> </div> Props PropTypeDefaultDescriptionclassNamestring-追加のCSSクラスPreviousEmptyNextTabs