Forge Svg Icon Best Practice

Must follow when 管理或新增 React TypeScript 项目中的 SVG 图标组件,确保命名、封装方式和导出规范遵循项目标准规范。

forge-town Updated

File contents

SVG 图标管理规范

使用说明

  1. 参照 best-practice-examples/ 中的代码结构(图标组件与业务组件示例)
  2. 按 icon-component-template.md 封装 SVG 为独立 .tsx 组件
  3. 迁移内联 SVG 时参考 migration-checklist.md
  4. 完成后使用 checklist.md 逐项验证

规范: 所有 SVG 存放于 src/components/icons/,文件名 PascalCase;详细最佳实践见 best-practice-examples.md

forge-town/skills/tree/main/skills/forge_svg-icon-best-practice commit fc101b4e96

Frequently asked questions

npx skillmds@latest add forge-town/forge-svg-icon-best-practice