Empty Page

Your page looks empty

Start by adding your first block.

About this piece

Empty Page

Centered editor placeholder with a muted icon, 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={false}
  inverted={false}
  title="Your page looks empty"
  description="Start by adding your first block."
  buttonLabel="Add Block"
  tone="primary"
/>

More Editor pieces

View all Editor
for (let $1:i = 0; $1 < $2:arr.length; $1++) {}
const greet = (name: string) => `Hello, ${name}!`;
Zen Modemanifesto.md
1const user = createUser(name: "Nils", role: "admin");
1// TODO migrate to server components
2// FIXME handles null state poorly
3// NOTE revisit once design lock lands
index.tsx
button.tsx
card.tsx