Path row with folder or file icons, chevron separators, and a bold final crumb.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Editor3 } from "@/components/beste/piece/editor3";
<Editor3
crumbs={[
{
"label": "src",
"kind": "folder"
},
{
"label": "components",
"kind": "folder"
},
{
"label": "beste",
"kind": "folder"
},
{
"label": "button.tsx",
"kind": "file"
}
]}
/>Nested file explorer with folder chevrons, amber folder icons, and a highlighted active file.
Start by adding your first block.
Centered editor placeholder with a soft icon tile, headline, hint line, and a recolorable call-to-action pill.
function greet(name: string)Action row above a function signature showing references, implementations, and inline commands.
Two-row editor find bar with match counter, case/regex toggles, prev/next, replace, and replace-all.
Row of filename tabs with active styling. Dirty tabs show a sky dot in place of the close button.
Document outline with colored kind tiles for class, function, method, and prop. Depth-indented with an active row.