PresenceIndicator
Animated multi-user presence tracking with absolute status visualization and tooltips.
Modular Build
Interactive Preview
Initialising Operative...
Architecture
Component Architecture
PresenceIndicator/
Prop Usage
| Prop | Type | Default | Description |
|---|---|---|---|
channelIdrequired | string | — | Supabase Realtime channel to broadcast presence on. |
currentUserrequired | { id: string; name: string; avatar?: string } | — | The local user joining the presence channel. |
maxVisible | number | 5 | Maximum avatars to show before a +N overflow badge. |
Usage
import { PresenceIndicator } from '@/ui/features/PresenceIndicator';
<PresenceIndicator
channelId="document:abc123"
currentUser={{ id: user.id, name: user.name }}
maxVisible={4}
/>