Sticky Header

About this piece

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

Usage

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

import { Editor18 } from "@/components/beste/piece/editor18";

<Editor18
  scopes={[
    "Dashboard",
    "render()",
    "if (isReady)"
  ]}
/>

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

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

Ship with confidence by running through the five-point review.

pnpm release

Rendered markdown mini card with a heading, lede paragraph, bullet list, and inline code chip.

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.

function greet(name: string)

Action row above a function signature showing references, implementations, and inline commands.

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

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