代码标签页

显示带选项卡的代码块列表.

预览

index.js

function () {
  console.log('Hello, JS!')
}

index.ts

function (): void {
  console.log('Hello, TS!')
}

用法

import { CodeTabItem, CodeTabs } from 'starlight-theme-nova/components'

<CodeTabs>
  <CodeTabItem
    label="index.js"
    lang="js"
    code={`function () {\n  console.log('Hello, JS!')\n}`}
  />
  <CodeTabItem
    label="index.ts"
    lang="ts"
    code={`function (): void {\n  console.log('Hello, TS!')\n}`}
  />
</CodeTabs>

<CodeTabs> 属性

syncKey

类型: string

一个键, 用于在多个页面上保持多个标签组同步.

<CodeTabItem> 属性

<CodeTabItem> 组件接受以下属性以及所有其他 <Code> 组件的属性:

label

必填

类型: string

要在标签页中显示的标签.