IntelliSense

About this piece

Autocomplete popup with a blinking caret up top and a dropdown listing kind-colored tiles, names, and type signatures.

Usage

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

import { Editor2 } from "@/components/beste/piece/editor2";

<Editor2
  surface="card"
  bordered={false}
  inverted={false}
  prefix="user."
  items={[
    {
      "label": "id",
      "kind": "variable",
      "detail": "string"
    },
    {
      "label": "name",
      "kind": "variable",
      "detail": "string",
      "active": true
    },
    {
      "label": "email",
      "kind": "variable",
      "detail": "string"
    },
    {
      "label": "save",
      "kind": "function",
      "detail": "(): Promise<void>"
    }
  ]}
/>

More Editor pieces

View all Editor

:fi

:fire:
:finish_line:
:first_place:
:fish:

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

return greet(name);

Hania

button.tsxSaved

const greet = (name: string) => `Hello, ${name}!`;

const value = user.prfile.name;

Rename to 'profile'Preferred
Add missing property 'prfile'
Disable rule for this line