CodeBlock 代码块

业务组件

代码块 — 面向 ERP/企业场景的业务组件。

何时使用

需要代码块功能时使用本组件。

1 import { CodeBlock } from "@/components/business/code-block"
2  
3 export function Basic() {
4 return <CodeBlock />
5 }

Prop	Type	Default	说明
`className`	`string`	—	自定义样式类名
`code`	`string`	—
`language`	`string`	—
`filename`	`string`	—
`showLineNumbers`	`boolean`	`true`
`showCopy`	`boolean`	`true`
`highlightLines`	`number[]`	—
`maxHeight`	`number`	`480`
...rest	`React.ComponentProps<"div">`	—	透传 `<div>` 原生属性

📘 完整交互式示例与控件属性请查看 Storybook 文档。

1	import { CodeBlock } from "@/components/business/code-block"
2
3	export function Basic() {
4	return <CodeBlock />
5	}