Snippet Placeholders

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

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

Tab throughTab

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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++) {}"
/>