Everything that shapes a section but is kept off the page itself, with a soft highlight travelling down the rows to show each one is a live control.
The import and the props worth knowing about, in one place.
import { Editor55 } from "@/components/beste/piece/editor55";
<Editor55
surface="card"
bordered={false}
inverted={false}
sectionLabel="Feature"
rows={[
{
"label": "Padding",
"value": "96 px"
},
{
"label": "Container",
"value": "7xl"
},
{
"label": "Background",
"value": "Background"
},
{
"label": "Card borders",
"value": "Per block"
}
]}
dwellMs={900}
/>