Document outline with colored kind tiles for class, function, method, and prop. Depth-indented with an active row.
The import and the props worth knowing about, in one place.
import { Editor12 } from "@/components/beste/piece/editor12";
<Editor12
items={[
{
"label": "Dashboard",
"kind": "class",
"depth": 0
},
{
"label": "constructor",
"kind": "method",
"depth": 1
},
{
"label": "state",
"kind": "prop",
"depth": 1
},
{
"label": "render",
"kind": "method",
"depth": 1,
"active": true
},
{
"label": "computeStats",
"kind": "function",
"depth": 0
}
]}
/>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.
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.
Start by adding your first block.
Centered editor placeholder with a soft icon tile, headline, hint line, and a recolorable call-to-action pill.
Panel listing editor actions with their kbd shortcut combinations on the right.