Skip to content
Cloudflare Docs

rtk-participants-toggle

A button which toggles visibility of participants. When clicked it emits a rtkStateUpdate event with the data:

TypeScript
{ activeSidebar: boolean; sidebar: 'participants' }

Properties

PropertyTypeRequiredDefaultDescription
iconPackIconPackdefaultIconPackIcon pack
meetingMeeting-Meeting object
sizeSize-Size
statesStates-States object
tRtkI18nuseLanguage()Language
variantControlBarVariant-Variant

Usage Examples

Basic Usage

<rtk-participants-toggle></rtk-participants-toggle>

With Properties

<rtk-participants-toggle
size="md"
variant"button">
</rtk-participants-toggle>
<script>
const el = document.querySelector("rtk-participants-toggle");
el.meeting= meeting
</script>