Hover Popover

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

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

Returns a localized greeting for the given name.

@/lib/greet.ts

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

Import & use
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

editor10

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

editor14

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

editor17

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

return greet(name);
Ayşe

Collab Cursor

editor13

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

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

Emoji Picker

editor33

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

The implmentation ships on Friday.
  • implementation
  • implements
  • implemented

Spell Check

editor39

Sentence with a rose wavy underline on a misspelling and a suggestions dropdown below.