Multi Cursor

const name = 'Hania';
const role = 'design';
const team = 'core';
About this piece

Multi Cursor

Stacked code lines each with a primary-tinted blinking caret at the same column.

Usage

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

import { Editor16 } from "@/components/beste/piece/editor16";

<Editor16
  prefix="const "
  lines={[
    "name = 'Hania';",
    "role = 'design';",
    "team = 'core';"
  ]}
  bordered={false}
/>

More Editor pieces

View all Editor
return greet(name);
Hania
Launch notes

The beta opens to the waitlist on Monday.

Support has the new macros ready.

Pricing page copy is locked.

const greet = (name: string) => `Hello, ${name}!`;
user.
  • idstring
  • namestring
  • emailstring
  • save(): Promise<void>
button.tsx
export function Button({ label }) {
  return <button>{label}</button>;
  return <button className="btn">{label}</button>;
}
1function·greet(name)·{
2→return·`Hello,·${name}!`;
3}