Markdown Preview

About this piece

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

Usage

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

import { Editor10 } from "@/components/beste/piece/editor10";

<Editor10
  title="Launch Checklist"
  lede="Ship with confidence by running through the five-point review."
  bullets={[
    "Verify preview URL",
    "Run smoke suite",
    "Tag the release"
  ]}
  code="pnpm release"
/>

More Editor pieces

View all Editor

const msg = greet("Beste");

function greet(name: string): string

Returns a localized greeting for the given name.

@/lib/greet.ts

Hover Popover

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

1--primary:  #f43f5e;
2--accent:  #8b5cf6;
3--surface:  #0ea5e9;

Color Preview

CSS lines with inline color swatch squares next to each hex value.

Feature177 Content#feature177

Heading

No tutorials needed.

Description

If you can order food online, you can build a website with Beste.

Content Panel

Side-panel content editor with a header chip row, locale and history pills, and stacked rich-text fields for heading and description.

:fi

:fire:
:finish_line:
:first_place:
:fish:

Emoji Picker

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

function greet(name: string)

Code Lens

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

Zen Modemanifesto.md

Exit⌘+K+Z

Zen Mode

Minimal focus card with a focus icon, current filename, and an exit-shortcut reminder.