SusIcon

Глиф из набора иконок kit — размер, цвет, опциональный spin.

Пакет

SusKit · Атомы (коммерческий)

Открыть в песочнице

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; Source может указывать на кастомный asset, когда Kind не auto.