ParticipantsPanel — LevelChat Docs

ParticipantsPanel is the right-rail roster: search field at the top, scrollable list of participants with their mic/cam/role indicators, host-only mute / promote / remove actions on hover. Composes useParticipants.

Install

pnpm add @levelchat/react-components @levelchat/web

Basic usage

import { ParticipantsPanel } from '@levelchat/react-components';

<ParticipantsPanel className="h-full w-72" />

Host controls

Host actions (mute someone, promote to co-host, remove) only render when the local participant's role is host or co-host. The SDK enforces this server-side too — passing isHost manually is a UI hint, not a privilege grant.

Props

Prop	Type	Default	Notes
`isHost`	`boolean`	auto from SDK	Override host detection (e.g. for previews).
`showSearch`	`boolean`	`false`	Render the search field at the top of the roster.
`onMute` / `onRemove` / `onPromote`	`(p: ParticipantSummary) => void`	—	Host-action callbacks — wire these to your moderation RPCs.
`hideLocal`	`boolean`	`false`	Omit the local participant from the roster list.
`className`	`string`	—	Container override.