# svg-http-view LLMs.txt > 供 LLM 快速理解 `@flatbiz/antd/svg-http-view` 的使用方式。 ## 模块定位 http svg地址解析,可自定义颜色 ## 导入方式 ```ts import { SvgHttpView } from '@flatbiz/antd/svg-http-view'; // 也可以从主入口导入:import { ... } from '@flatbiz/antd'; ``` ## 公开导出 - `* from ./svg.jsx` - `SvgHttpView` - http svg地址解析,可自定义颜色 - `SvgHttpViewProps` ## Props / 配置要点 ### SvgHttpViewProps - `svgPath`(必填):: string;svg地址 - `width`(可选):: number;默认:20px - `height`(可选):: number;默认:20px - `color`(可选):: string;svg 颜色, 默认:#555 - `onClick`(可选):: (e) => void - `className`(可选):: string - `style`(可选):: CSSProperties ## 使用规则与行为 - svg地址 - 默认:20px - svg 颜色, 默认:#555 - http svg地址解析,可自定义颜色 ## 基础示例 ```tsx import { SvgHttpView, type SvgHttpViewProps } from '@flatbiz/antd/svg-http-view'; const props: SvgHttpViewProps = { // 按业务传入必要参数 }; ; ``` ## 源码索引 - `src/svg-http-view/index.ts` - `src/svg-http-view/svg.tsx` ## 给 LLM 的注意事项 - 优先使用 `@flatbiz/antd/svg-http-view` 或主入口 `@flatbiz/antd` 的公开导出,不要引用内部实现文件。 - 当 Props 与 antd 原组件同名能力冲突时,以本模块导出的 Props 类型为准。 - 若文档未覆盖某个边缘参数,请读取上方源码索引中的类型定义和 JSDoc。