Design Set Specimen

About this piece

Design Set Specimen

A design language shown as a specimen. The eyebrow, heading, traits and button settle in one after another, and four characters change how all four of them are drawn.

Usage

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

import { Editor51 } from "@/components/beste/piece/editor51";

<Editor51
  surface="card"
  bordered={false}
  inverted={false}
  setName="Altair"
  heading="Calm, photographic, serif"
  traits={[
    "Photographs that drift as you scroll",
    "Headings that settle in"
  ]}
  buttonLabel="See the set"
  character="serif"
  stepMs={260}
/>

More Editor pieces

View all Editor
  • Dashboard
  • state
  • render
  • computeStats
Ship production-ready components in a weekend.
27 chars·3 words
Post SettingsDraft
Author
Publish Date
Read Time
Feature
Padding96 px
Container7xl
BackgroundBackground
Card bordersPer block
12function renderChart(data) {
37}
/\b\w+@\w+\.com\b/gi
12