CollaborativeEditor
Multi-user text synchronization with broadcast edit layers and typing presence.
Advanced Build
Interactive Preview
Initialising Operative...
Architecture
Component Architecture
CollaborativeEditor/
Prop Usage
| Prop | Type | Default | Description |
|---|---|---|---|
documentIdrequired | string | — | Unique identifier for the shared document. |
userIdrequired | string | — | Current editor user ID. |
userNamerequired | string | — | Display name shown in the typing indicator. |
initialContent | string | "" | Initial text content to seed the editor. |
onSave | (content: string) => void | — | Called when the user explicitly saves. |
Usage
import { CollaborativeEditor } from '@/ui/features/CollaborativeEditor';
<CollaborativeEditor
documentId="doc:abc123"
userId={user.id}
userName={user.name}
initialContent="Start writing here..."
onSave={(text) => saveToDatabase(text)}
/>