Collab Cursors

About this piece

Two named carets share a document: one hops between finished lines while the other types a new sentence at the bottom, over and over.

Usage

The import and the props worth knowing about, in one place.

import { Editor49 } from "@/components/beste/piece/editor49";

<Editor49
  documentTitle="Launch notes"
  lines={[
    "The beta opens to the waitlist on Monday.",
    "Support has the new macros ready.",
    "Pricing page copy is locked."
  ]}
  draft="Adding one line about the migration guide."
  editors={[
    "Joni Mitchell",
    "Thom Yorke"
  ]}
  bordered={false}
/>

More Editor pieces

View all Editor

return greet(name);

Hania

const name = 'Hania';
const role = 'design';
const team = 'core';

index.tsx

button.tsx

card.tsx

1function·greet(name)·{
2→return·`Hello,·${name}!`;
3}

1const message = `Hello`;
2const longer = `Shipping the biggest onboarding upgrade yet`;
3const wrapped = items.map((i) => i.name).join(', ') + '!'

greet()

greet(name: string, locale: Locale): string