Live drawing

Draw together with <LiveDrawing>, powered by tldraw

Open page in two windows

How to use

Add <LiveDrawing>. Element attributes correspond to tldraw props.

---
import LiveDrawing from 'astro-collab/LiveDrawing.astro'
---
<!-- Basic -->
<LiveDrawing />

<!-- Pass any tldraw properties -->
<LiveDrawing showMenu={false} />

A minimal working example can be found here.

Important note

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

Components

@ctnicholasdev