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 简写。 |
pack | string | defaultPack | 图标包键;覆盖简写中的包和配置的 defaultPack。 |
variant | string | — | 变体;覆盖简写中的变体和图标包默认值。 |
size (hub-icon) | string | 1em | 单实例尺寸,写入 --hub-icon-size(仅 hub-icon)。 |
color (hub-icon) | string | currentColor | 单实例颜色,写入 --hub-icon-color(仅 hub-icon)。 |
label (hub-icon) | string | — | 无障碍标签:设置 role="img" + aria-label;不设置时图标为装饰性(仅 hub-icon)。 |
spin (hub-icon) | boolean | false | 持续旋转图标,例如用于加载指示(仅 hub-icon)。 |
输出
尚未记录任何输出项。
模板
尚未记录任何模板。