Who-is-Online
The Who-is-On-line component allows you to see participants who are connected in a room.
Before we start
Before utilizing the Who-is-Online component, it is essential to initialize a room with a defined name and ID for the participant.
How to use
import { WhoIsOnline } from "@superviz/react-sdk";
function Room() {
return (
<WhoIsOnline position="top-left" />
);
}
export default Room;
Properties
Name | Type | Description |
---|---|---|
position | string | Optional. Specifies the location of the component. Options are: top-right , top-left , bottom-right , bottom-left , or an ID of an HTML element. Default value: top-right |
disablePresenceControls | boolean | If true it won't open any dropdown menu by interacting with the participant profile image. Default value: false |
disableGoToParticipant | boolean | Disables the GoTo option when clicking on another participant's avatar. Default value: false |
disableFollowParticipant | boolean | Disables the Follow option when clicking on another participant's avatar. Default value: false |
disablePrivateMode | boolean | Disables the Private Mode option when clicking on the current participant avatar. Default value: false |
disableGatherAll | boolean | Disables the Gather All option. Default value: false |
disableFollowMe | boolean | Disables the Follow Me option. Default value: false |