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.

import { WhoIsOnline } from "@superviz/react-sdk";

function Room() {
  return (
    <WhoIsOnline position="top-left" />
  );
}

export default Room;

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`