Markdown Preview

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

Launch Checklist

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

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

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

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

editor7

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

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

Color Preview

editor26

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

editor46

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

function greet(name: string)

Code Lens

editor22

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

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

Sticky Header

editor18

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

col guide80
const message = `Hello`;
const longer = `Shipping the biggest onboarding upgrade yet`;
const wrapped = items.map((i) => i.name).join(', ') + '!'

Ruler Guide

editor25

Editor panel with a rose vertical column-limit ruler and numbered code lines behind it.