IntelliSense

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

user.
  • idstring
  • namestring
  • emailstring
  • isAdminboolean
  • save(): Promise<void>

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

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

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