Code Folding

About this piece

Expanded open line, a collapsed region button with chevron and line count, and the closing line.

Usage

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

import { Editor38 } from "@/components/beste/piece/editor38";

<Editor38
  openLine="function renderChart(data) {"
  closeLine="}"
  collapsed={24}
  bordered={false}
/>

More Editor pieces

View all Editor

const greet = (name: string) => `Hello, ${name}!`;

1const message = `Hello`;
2const longer = `Shipping the biggest onboarding upgrade yet`;
3const wrapped = items.map((i) => i.name).join(', ') + '!'

const name = 'Hania';
const role = 'design';
const team = 'core';

1function·greet(name)·{
2→return·`Hello,·${name}!`;
3}

src

components

beste

button.tsx

1function render(items) {
2  items.forEach(draw);
3}