Code blocks

Labelled code

Put the language directly after the opening fence. The toolbar uses one file-code icon for every language, shows the language name, and adds copy automatically.

import OpenAI from "openai";

const client = new OpenAI({
  apiKey: process.env.TEENAGEWORKS_API_KEY,
  baseURL: "https://api.teenage.works/v1",
});

const audio = await client.audio.speech.create({
  model: "teen-v1",
  voice: "voice_support_01",
  input: "Speech should feel alive.",
});

Unlabelled code

Leave the fence unlabelled when a language name would add no useful context. The toolbar keeps only the file-code and copy icons.

TEENAGEWORKS_API_KEY=your_key

Multi-language request

Place fenced blocks directly after one another to render them as one switchable code example.

from openai import OpenAI

client = OpenAI(
    api_key="TEENAGEWORKS_API_KEY",
    base_url="https://api.teenage.works/v1",
)

audio = client.audio.speech.create(
    model="teen-v1",
    voice="priya-test",
    input="It's always absurd till it isn't.",
)