Skip to main content

LiveCollaborationTrigger

If you implement live collaboration support and want to expose the same UI button as on excalidraw.com, you can render the <LiveCollaborationTrigger/> component using the renderTopRightUI prop.

You'll need to supply onSelect() to handle opening of your collaboration dialog, but the button will display appState.collaborators count provided you have supplied it.

PropTypeRequiredDefaultDescription
onSelectfunctionYesHandler called when the user clicks on the button
isCollaboratingbooleanYesfalseWhether live collaboration session is in effect. Modifies button style.
Live Editor
Result

Selecting the checkbox to see the collaborator count

To move canvas, hold mouse wheel or spacebar while dragging, or use the hand tool

Shapes

Drawing canvas