Empty Page

Your page looks empty

Start by adding your first block.

About this piece

Empty Page

Centered editor placeholder with a soft icon tile, headline, hint line, and a recolorable call-to-action pill.

Usage

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

import { Editor47 } from "@/components/beste/piece/editor47";

<Editor47
  surface="card"
  bordered={true}
  inverted={false}
  title="Your page looks empty"
  description="Start by adding your first block."
  buttonLabel="Add Block"
  tone="emerald"
/>

More Editor pieces

View all Editor
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.

Outline
  • Dashboard
  • constructor
  • state
  • render
  • computeStats

Outline Panel

Document outline with colored kind tiles for class, function, method, and prop. Depth-indented with an active row.

for (let $1:i = 0; $1 < $2:arr.length; $1++) {}
Tab throughTab

Snippet Placeholders

Code template with dashed-outline tab stops. Active placeholder tints primary, others stay muted.

src
components
beste
button.tsx

Path Breadcrumb

Path row with folder or file icons, chevron separators, and a bold final crumb.

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.