typing-indicator
Animated typing indicator for AI chat
AItyping-indicator.css
Installation
$
npx skeehn add typing-indicatorPreview
AI is typing...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'ascii' | 'dither' | — | Visual variant |
| size | 'compact' | — | Size preset |
| text | string | — | Optional text label (e.g. "typing...") |
Usage
typing-indicator.tsx
1import { TypingIndicator } from '@skeehn/react';23export function ChatFooter() {4 return (5 <div className="flex items-center gap-2">6 <TypingIndicator variant="dither" text="AI is typing..." />7 </div>8 );9}