Angular 图标库(与图标集无关)| ng-hub-ui-icons

与图标集无关的 Angular 图标:通过一个 <hub-icon> / [hubIcon] API 渲染 Font Awesome、Bootstrap Icons、Material Symbols、Solar 或你自己的 SVG,并用 CSS 变量设置主题。

API 参考

这里是 icons 的完整契约:你可以绑定、监听、投影和设置主题的一切,都集中在一处。接入你需要的部分,自定义你想要的样式——它是 standalone 的,且对 signal 友好。

输入

通过 7 个输入项精细调校 icons。像绑定任意 Angular @Input 一样绑定它们。

名称类型默认值描述
name必填string图标名称。支持 pack:variant:name 简写。
packstringdefaultPack图标包键;覆盖简写中的包和配置的 defaultPack。
variantstring变体;覆盖简写中的变体和图标包默认值。
size (hub-icon)string1em单实例尺寸,写入 --hub-icon-size(仅 hub-icon)。
color (hub-icon)stringcurrentColor单实例颜色,写入 --hub-icon-color(仅 hub-icon)。
label (hub-icon)string无障碍标签:设置 role="img" + aria-label;不设置时图标为装饰性(仅 hub-icon)。
spin (hub-icon)booleanfalse持续旋转图标,例如用于加载指示(仅 hub-icon)。

输出

尚未记录任何输出项。

模板

尚未记录任何模板。