Editor Tab Bar

Row of filename tabs with active styling. Dirty tabs show a sky dot in place of the close button.

index.tsx

button.tsx

card.tsx

theme.css

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

Import & use

import { Editor6 } from "@/components/beste/piece/editor6";

<Editor6
  tabs={[
    {
      "filename": "index.tsx"
    },
    {
      "filename": "button.tsx",
      "active": true,
      "dirty": true
    },
    {
      "filename": "card.tsx"
    },
    {
      "filename": "theme.css"
    }
  ]}
/>