Section Picker Card

Portrait Hero

Tall photograph beside a heading, a short paragraph and a checked benefit list.

About this piece

Section Picker Card

One card from a block picker. Its preview loads behind a sweeping skeleton while the title and description sit ready underneath, the way a picker fills a grid.

Usage

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

import { Editor50 } from "@/components/beste/piece/editor50";

<Editor50
  title="Portrait Hero"
  description="Tall photograph beside a heading, a short paragraph and a checked benefit list."
  addLabel="Add to Page"
  surface="card"
  bordered={false}
  inverted={false}
  loadMs={1400}
/>

More Editor pieces

View all Editor
Theme

Launch Checklist

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

  • Verify preview URL
  • Run smoke suite
  • Tag the release
const msg = greet("Beste");
function greet(name: string): string

Returns a localized greeting for the given name.

src
components
beste
button.tsx
Feature
Padding96 px
Container7xl
BackgroundBackground
Card bordersPer block
Switch branch…
  • feat/onboarding
  • main
  • feat/ai-suggest
  • chore/cleanup