SusSkeletonLoader

Placeholder shimmer while content loads — type shapes and animation.

Package

SusKit · Atoms (commercial)

Open in Playground

SusKit · Atoms

Props

Name	Type	Default
Type	Prop<string>	"text"	v-model
Animation	Prop<string>	"pulse"	v-model
Width	Prop<float>	-1f	v-model
Height	Prop<float>	-1f	v-model

Slots

Name
(default)

Events

No public events.

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

• 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

Usage

<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;

Type

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

Animation

pulse · wave · none

Notes

• Default slot can wrap real content you reveal once loading finishes.
• Width / Height of -1 keep the type’s intrinsic size.