CodeBlock

以 Kaeso 单色主题在底板上高亮显示代码：悬停复制、标签页、行号、折叠。

查看源码
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";

属性

  • code
    string

    要显示的代码。

  • collapseAfter
    number = 24

    超过此行数时折叠（默认 24；0 表示从不折叠）。

  • copy
    boolean = true

    隐藏复制圆形按钮。

  • highlightLines
    number[] = []

    需要高亮的行号，从 1 开始。

  • lang
    CodeLang = ts

    代码的语言，用于语法高亮。

  • lineNumbers
    boolean

    显示行号。

  • surface
    "well" | "plain" = well

    在填充底板上（well）或直接在面板上（plain）。

  • tabs
    CodeTab[]

    多个版本：“Python · Node · curl”，以胶囊标签页显示。

  • title
    ReactNode

    标题栏中的文件名。

  • wrap
    boolean = false

    长行自动换行而不是横向滚动：用于窄栏中的代码（模型的回复）。