SusIcon

来自 kit 图标集的字形 — 尺寸、颜色，可选旋转。

包

SusKit · 原子（商业）

在 Playground 中打开

SusKit · Atoms

属性

名称	类型	默认值
Icon	Prop<string>	""
Key	Prop<string>	""
Source	Prop<string>	""
Kind	Prop<string>	"auto"
Size	Prop<string>	"md"
SizePx	Prop<int>	0
Color	Prop<string>	""
Spin	Prop<bool>	false
Weight	Prop<SusIconWeight>	SusIconWeight.Regular

插槽

没有插槽。

事件

没有公开事件。

样式钩子

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：

• sus-icon
• sus-icon__image
• sus-icon--color-danger
• sus-icon--color-info
• sus-icon--color-inherit
• sus-icon--color-primary
• sus-icon--color-secondary
• sus-icon--color-success
• sus-icon--color-text
• sus-icon--color-warning
• sus-icon--fluid
• sus-icon--kind-game
• sus-icon--kind-portrait
• sus-icon--lg
• sus-icon--md
• sus-icon--missing
• sus-icon--sm
• sus-icon--spin
• sus-icon--xl
• sus-icon--xs

用法

<template>
  <sus:SusIcon Icon="sword"
               Size="md"
               Color="primary" />
</template>

var icon = new SusIcon();
icon.Icon.Value = "gear";
icon.Size.Value = "lg";
icon.Spin.Value = true;

尺寸

xs · sm · md · lg · xl（或使用 SizePx 指定精确像素尺寸）

备注

• Icon / Key 指定 Phosphor 风格的图形名称；当 Kind 不是 auto 时，Source 可以指向自定义资源。