# code-render LLMs.txt > 供 LLM 快速理解 `@flatbiz/antd/code-render` 的使用方式。 ## 模块定位 代码、json格式化渲染 ## 导入方式 ```ts import { CodeRender } from '@flatbiz/antd/code-render'; // 也可以从主入口导入:import { ... } from '@flatbiz/antd'; ``` ## 公开导出 - `CodeRender` - 代码、json格式化渲染 - `CodeRenderProps` - `* from ./code.jsx` ## Props / 配置要点 ### CodeRenderProps - `code`(可选):: string | string[] - `className`(可选):: string - `style`(可选):: CSSProperties - `wrap`(可选):: boolean;是否换行,默认值:true - `size`(可选):: 'small' | 'default' ## 使用规则与行为 - 是否换行,默认值:true - 代码、json格式化渲染 ## 默认值线索 - `wrap => true` ## 基础示例 ```tsx import { CodeRender, type CodeRenderProps } from '@flatbiz/antd/code-render'; const props: CodeRenderProps = { // 按业务传入必要参数 }; ; ``` ## 源码索引 - `src/code-render/code.tsx` - `src/code-render/index.ts` ## 给 LLM 的注意事项 - 优先使用 `@flatbiz/antd/code-render` 或主入口 `@flatbiz/antd` 的公开导出,不要引用内部实现文件。 - 当 Props 与 antd 原组件同名能力冲突时,以本模块导出的 Props 类型为准。 - 若文档未覆盖某个边缘参数,请读取上方源码索引中的类型定义和 JSDoc。