Skip to main content

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

NameTypeDescription
positionstringOptional. 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
disablePresenceControlsbooleanIf true it won't open any dropdown menu by interacting with the participant profile image.
Default value: false
disableGoToParticipantbooleanDisables the GoTo option when clicking on another participant's avatar.
Default value: false
disableFollowParticipantbooleanDisables the Follow option when clicking on another participant's avatar.
Default value: false
disablePrivateModebooleanDisables the Private Mode option when clicking on the current participant avatar.
Default value: false
disableGatherAllbooleanDisables the Gather All option.
Default value: false
disableFollowMebooleanDisables the Follow Me option.
Default value: false