TypingIndicator
Dynamic typing occupancy indicator with pulse animations and name clustering.
Simple Build
Interactive Preview
Initialising Operative...
Architecture
Component Architecture
TypingIndicator/
Prop Usage
| Prop | Type | Default | Description |
|---|---|---|---|
typingUsersrequired | string[] | — | Array of display names currently typing. |
className | string | — | Additional classes. |
Usage
import { TypingIndicator } from '@/ui/features/TypingIndicator';
// From your real-time hook
const { typingUsers } = useTeamChat(channelId);
<TypingIndicator typingUsers={typingUsers} />