Snippet Placeholders

for (let $1:i = 0; $1 < $2:arr.length; $1++) {}
About this piece

Snippet Placeholders

Code template with dashed-outline tab stops. Active placeholder tints primary, others stay muted.

Usage

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

import { Editor15 } from "@/components/beste/piece/editor15";

<Editor15
  prefix="for (let "
  placeholders={[
    {
      "index": 1,
      "label": "i",
      "active": true
    },
    {
      "index": 2,
      "label": "arr"
    }
  ]}
  middle=" = 0; $1 < "
  suffix=".length; $1++) {}"
  bordered={false}
/>

More Editor pieces

View all Editor
Your page looks empty

Start by adding your first block.

index.tsx
button.tsx
card.tsx
1function·greet(name)·{
2→return·`Hello,·${name}!`;
3}
return greet(name);
Hania
greet.ts
export function greet(name: string) {
  return `Hello, ${name}!`;
}
 
// Ship it
  • Dashboard
  • state
  • render
  • computeStats