Logo Astro Collaborative Starter
You
Users online

Random user info

Populate your demo with placeholder users using <RandomUserInfo>

Open page in two windows

Every page in this starter kit uses <RandomUserInfo>

How to use

Add <RandomUserInfo>. This will give each connection a random name, color, status, and a chance of having an avatar picture.

---
import RandomUserInfo from 'astro-collab/RandomUserInfo.astro'
---
<RandomUserInfo/>

Important note

All multiplayer components must be wrapped in a single LiveblocksRoom component, check the quick start guide for more info.

Components

Multiplayer cursors
<LiveCursors>
Live avatar stack
<LiveAvatars>
Live user list
<LiveUsers>
Collaborative form
<LiveForm>
Edit user form
<LiveUserForm>
Live drawing
<LiveDrawing>
Random user info
<RandomUserInfo>
Liveblocks room
<LiveblocksRoom>
@ctnicholasdev