const message = `Hello`;const longer = `Shipping the biggest onboarding upgrade yet`;const wrapped = items.map((i) => i.name).join(', ') + '!'
Editor panel with a rose vertical column-limit ruler and numbered code lines behind it.
The import and the props worth knowing about, in one place.
import { Editor25 } from "@/components/beste/piece/editor25";
<Editor25
limit={80}
lines={[
{
"text": "const message = `Hello`;"
},
{
"text": "const longer = `Shipping the biggest onboarding upgrade yet`;"
},
{
"text": "const wrapped = items.map((i) => i.name).join(', ') + '!'"
}
]}
/>Document outline with colored kind tiles for class, function, method, and prop. Depth-indented with an active row.
No tutorials needed.
If you can order food online, you can build a website with Beste.
Side-panel content editor with a header chip row, locale and history pills, and stacked rich-text fields for heading and description.
12function renderChart(data) {37}
Expanded open line, a collapsed region button with chevron and line count, and the closing line.
--primary: #f43f5e;--accent: #8b5cf6;--surface: #0ea5e9;
CSS lines with inline color swatch squares next to each hex value.