Content Panel

Feature177 Content
Heading

No tutorials needed.

Description

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

About this piece

Content Panel

Side-panel content editor with a titled header and stacked rich-text fields for heading and description.

Usage

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

import { Editor46 } from "@/components/beste/piece/editor46";

<Editor46
  surface="card"
  bordered={false}
  inverted={false}
  componentId="Feature177 Content"
  sizeLabel="Size"
  headingLabel="Heading"
  heading="No tutorials needed."
  descriptionLabel="Description"
  description="If you can order food online, you can build a website with Beste."
/>

More Editor pieces

View all Editor
  • Dashboard
  • state
  • render
  • computeStats
Feature
Padding96 px
Container7xl
BackgroundBackground
Card bordersPer block
const message = `Hello`;
const longer = `Shipping the biggest onboarding upgrade yet`;
const wrapped = items.map((i) => i.name).join(', ') + '!'
Appearance

Images

Image entrance
Scroll effect

Motion

Section animation
Animation speed
Call stack
  • renderListlist.tsx:42
  • Dashboarddashboard.tsx:14
  • Appapp.tsx:8
Your page looks empty

Start by adding your first block.