跳到内容
YCloud Icons
Main Navigation
图标
指南
包
更新日志
简体中文
English
简体中文
English
外观
菜单
返回顶部
本页目录
Angular 版 YCloud Icons
YCloud Icons 的 Angular 包采用独立组件形态,基于 signal 且不依赖 zone,适合直接集成到 Angular 项目中。
功能列表:
易于使用
:以独立 Angular 组件的方式使用图标,并支持依赖注入。
可定制
:通过 inputs 或 Angular provider 全局控制尺寸、颜色等属性。
支持 Tree-shaking
:最终产物只包含你实际使用的图标。
TypeScript 支持
:完整类型定义带来更好的开发体验。
概览
快速开始
了解如何在 Angular 中使用 YCloud Icons。
基础
颜色
调整图标颜色。
尺寸
调整图标尺寸。
描边宽度
调整图标描边宽度。
进阶
TypeScript
查看导出的类型以及使用方式。
无障碍
让图标对更多用户可访问。
全局样式
为所有图标应用全局样式。
填充图标
在 @ycloud-web/icons-angular 中使用填充图标。
组合图标
将多个图标组合成一个。
Icon provider
Provide icons at app level and use them by name