React
iOS
Android
Flutter
Angular
JavaScript
Unity
Unreal
Node
Python
Ruby
PHP
Java
.NET
Go
RESTimport { OnlineIndicator } from "stream-chat-react-native";
<OnlineIndicator online={true} size="md" />;OnlineIndicator
OnlineIndicator renders a small circular dot indicating a user's online or offline presence status. It is used internally by UserAvatar and UserAvatarGroup to overlay presence information on avatars.
The indicator color is green when online and grey when offline, both sourced from the theme's semantic tokens.
Usage
Props
| Prop | Description | Type |
|---|---|---|
online (required) | Whether the user is currently online. Controls the background color of the indicator. | boolean |
size (required) | The size of the indicator dot. Size mapping: 'xl' (16x16, border 2), 'lg' (14x14, border 2), 'md' (12x12, border 2), 'sm' (8x8, border 1). | 'xl' | 'lg' | 'md' | 'sm' |