Hover Popover

const msg = greet("Beste");
function greet(name: string): string

Returns a localized greeting for the given name.

@/lib/greet.ts
About this piece

Hover Popover

Wavy-underlined symbol above a type-hover card showing signature, one-line description, and source path.

Usage

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

import { Editor7 } from "@/components/beste/piece/editor7";

<Editor7
  symbol="greet"
  signature="function greet(name: string): string"
  description="Returns a localized greeting for the given name."
  source="@/lib/greet.ts"
/>

More Editor pieces

View all Editor

Launch Checklist

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

  • Verify preview URL
  • Run smoke suite
  • Tag the release
pnpm release

Markdown Preview

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

const total = items.reduce(sum, i) => sum + i.price);
Expected 2 arguments, but got 1.ts(2554)

Problem Marker

Code line with a rose wavy underline on the offending token above an alert card with message and source code.

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

Parameter Hints

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

return greet(name);
Ayşe

Collab Cursor

Code line with a teammate's blinking caret tinted by tone and a name tag floating above it.

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

IntelliSense

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

:fi
  • :fire:
  • :finish_line:
  • :first_place:
  • :fish:

Emoji Picker

Inline :shortcode typing with an autocomplete dropdown showing emoji previews.