SusSkeletonLoader

Placeholder shimmer пока контент грузится — type shapes и анимация.

Пакет

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

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

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Type	Prop<string>	"text"	v-model
Animation	Prop<string>	"pulse"	v-model
Width	Prop<float>	-1f	v-model
Height	Prop<float>	-1f	v-model

Слоты

Имя
(по умолчанию)

События

Публичных событий нет.

Хуки стиля

Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:

• sus-skeleton-loader
• sus-skeleton-loader__bar
• sus-skeleton-loader--actions
• sus-skeleton-loader--avatar
• sus-skeleton-loader--card
• sus-skeleton-loader--custom
• sus-skeleton-loader--heading
• sus-skeleton-loader--no-animation
• sus-skeleton-loader--paragraph
• sus-skeleton-loader--pulse
• sus-skeleton-loader--table
• sus-skeleton-loader--text
• sus-skeleton-loader--wave

Использование

<template>
  <sus:SusSkeletonLoader Type="text"
                         Animation="pulse"
                         Width="240"
                         Height="16" />
</template>

var skel = new SusSkeletonLoader();
skel.Type.Value = "avatar";
skel.Animation.Value = "wave";
skel.Width.Value = 48f;
skel.Height.Value = 48f;

Тип

text · heading · avatar · card · paragraph · table · actions · custom

Анимация

pulse · wave · none

Заметки

• Слот по умолчанию может оборачивать реальный контент, который вы показываете после завершения загрузки.
• Width / Height, равные -1, сохраняют исходный размер типа.