Placeholders
Card title
Some quick example text to build on the card title and make up the bulk of the cards content.
Animation
<MudSkeleton />
<MudSkeleton Animation="Animation.False" />
<MudSkeleton Animation="Animation.Wave" />
@code {
}
Sizing
<MudSkeleton height="50px"/>
<MudSkeleton height="40px"/>
<MudSkeleton height="30px"/>
<MudSkeleton height="20px"/>
<MudSkeleton height="10px"/>
@code {
}
Colors
<MudSkeleton Class="placeholder "/>
<MudSkeleton Class="placeholder bg-primary"/>
<MudSkeleton Class="placeholder bg-secondary"/>
<MudSkeleton Class="placeholder bg-success"/>
<MudSkeleton Class="placeholder bg-danger"/>
<MudSkeleton Class="placeholder bg-warning"/>
<MudSkeleton Class="placeholder bg-info"/>
<MudSkeleton Class="placeholder bg-light"/>
<MudSkeleton Class="placeholder bg-dark"/>
@code {
}
Variants
<MudSkeleton />
<MudSkeleton SkeletonType="SkeletonType.Circle" Class="my-2" Width="50px" Height="50px" />
<MudSkeleton SkeletonType="SkeletonType.Rectangle" Width="200px" Height="110px" />
@code {
}
Width
<MudSkeleton Class="placeholder bg-primary w-50"/>
<MudSkeleton Class="placeholder bg-primary w-75"/>
<MudSkeleton Class="placeholder bg-primary" style="width: 25%;"/>
@code {
}