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

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

API 参考

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

输入

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

名称类型默认值描述
name (hub-icon)必填string—图标名称。支持 pack:variant:name 简写。
name ([hubIcon])string''[hubIcon] 指令上的图标名称。可选:省略时使用绑定到指令本身的值。
hubIcon ([hubIcon])string''通过指令属性绑定的图标名称,[hubIcon]="'house'"。两者都设置时以 name 为准。
packstringdefaultPack图标包键;覆盖简写中的包和配置的 defaultPack。
variantstring—变体;覆盖简写中的变体和图标包默认值。
size (hub-icon)string1em单实例尺寸,写入 --hub-icon-size(仅 hub-icon)。
color (hub-icon)stringcurrentColor单实例颜色,写入 --hub-icon-color(仅 hub-icon)。
labelstring—无障碍标签:设置 role="img" + aria-label;不设置时图标为装饰性。hub-icon 与 [hubIcon] 均可使用。
spin (hub-icon)booleanfalse持续旋转图标,例如用于加载指示(仅 hub-icon)。

输出

尚未记录任何输出项。

模板

尚未记录任何模板。