Inlay Hints

Function call with muted parameter-name chips inlaid before each argument.

1const user = createUser(name: "Ayşe", role: "admin");
nameinlay parameter hints

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

Import & use
import { Editor29 } from "@/components/beste/piece/editor29";

<Editor29 />

More Editor pieces

View all Editor
Dashboardrender()if (isReady)
    // hidden lines…
    const ready = useReady();
    if (!ready) return null;

Scope breadcrumb pinned above a code snippet, showing the current class, method, and block.

greet()
greet(name: string, locale: Locale): string
Greet the user with a localized message.

Function call line with a caret plus a signature popover underneath. The current parameter underlines in primary.

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

AI Suggestion caption above a code line with a solid prefix, italic muted ghost text, and a blinking caret.

Call stack
  • renderListlist.tsx:42
  • Dashboarddashboard.tsx:14
  • Appapp.tsx:8

Call stack list with function names, source file and line, and an amber current-frame highlight.

for (let $1:i = 0; $1 < $2:arr.length; $1++) {}
Tab throughTab

Code template with dashed-outline tab stops. Active placeholder tints primary, others stay muted.

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

Code lines with muted middle-dots for spaces and → glyphs for tabs, revealing indentation.