Inline Suggestion

About this piece

Code line with a solid prefix, italic muted ghost text, and a blinking caret.

Usage

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

import { Editor8 } from "@/components/beste/piece/editor8";

<Editor8
  prefix="const greet = (name: string) => `Hello, "
  ghost="${name}!`;"
  bordered={false}
/>

More Editor pieces

View all Editor

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

return greet(name);

Hania

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

12function renderChart(data) {
37}

1--primary:  #f43f5e;
2--accent:  #8b5cf6;
3--surface:  #0ea5e9;

1const user = createUser(name: "Nils", role: "admin");