SDK Snippet Card

A code card with a filename header and copy affordance over syntax-toned, line-numbered source.

members.ts
import { Sirius } from '@sirius/sdk'
 
const client = new Sirius(apiKey)
await client.members.create({ name })

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

Import & use
import { Code13 } from "@/components/beste/piece/code13";

<Code13
  filename="members.ts"
  lines={[
    [
      {
        "text": "import",
        "tone": "keyword"
      },
      {
        "text": " { Sirius } "
      },
      {
        "text": "from",
        "tone": "keyword"
      },
      {
        "text": " "
      },
      {
        "text": "'@sirius/sdk'",
        "tone": "string"
      }
    ],
    [],
    [
      {
        "text": "const",
        "tone": "keyword"
      },
      {
        "text": " client = "
      },
      {
        "text": "new",
        "tone": "keyword"
      },
      {
        "text": " Sirius(apiKey)"
      }
    ],
    [
      {
        "text": "await",
        "tone": "keyword"
      },
      {
        "text": " client.members."
      },
      {
        "text": "create",
        "tone": "fn"
      },
      {
        "text": "({ name })"
      }
    ]
  ]}
/>