Back to Tldraw

Multiplayer sync with custom people menu

apps/examples/src/examples/collaboration/sync-custom-people-menu/README.md

5.4.0484 B
Original Source

Build a custom people menu that lists connected collaborators and their cursor positions.


Replace the SharePanel slot with your own component and read editor.getCollaborators() inside useValue. Each entry is a TLInstancePresence record with the collaborator's name, color, cursor, camera, and selection, so you can render a richer or differently styled presence indicator than the default facepile.

Open the example in two tabs to see the other user appear in the list.