CodeBlock

Hervorgehobener Code auf einer Fläche in Kaesos monochromem Theme: Kopieren beim Überfahren, Tabs, Zeilennummern, Einklappen.

Quelltext
from openai import OpenAIimport os client = OpenAI(base_url="https://gateway.northwind.example/v1", api_key=os.environ["KAESO_API_KEY"]) response = client.responses.create(    model="gpt-5",    input="Write one sentence about gateways.",)print(response.output_text)
import { CodeBlock } from "@logicplanes/kaeso-ui";

Props

  • code
    string

    Der Code, der angezeigt wird.

  • collapseAfter
    number = 24

    Ab so vielen Zeilen einklappen (standardmäßig 24; 0 klappt nie ein).

  • copy
    boolean = true

    Den Kopier-Kreis ausblenden.

  • highlightLines
    number[] = []

    Hervorzuhebende Zeilennummern, ab 1 gezählt.

  • lang
    CodeLang = ts

    Die Sprache des Codes, für die Hervorhebung.

  • lineNumbers
    boolean

    Zeigt Zeilennummern.

  • surface
    "well" | "plain" = well

    Auf einer gefüllten Fläche (well) oder direkt auf dem Panel (plain).

  • tabs
    CodeTab[]

    Mehrere Fassungen: „Python · Node · curl“, als Pill-Tabs.

  • title
    ReactNode

    Ein Dateiname in der Titelleiste.

  • wrap
    boolean = false

    Lange Zeilen brechen um, statt seitlich zu scrollen: Code in einer schmalen Spalte (die Antwort eines Modells).