Version: 5.x

vm-skeleton

A temporary placeholder that is used while content is loading. The implementation was inspired by Shoelace, thanks Cory!

Usage#

<vm-player>
<!-- ... -->
<vm-ui>
<!-- ... -->
<vm-skeleton></vm-skeleton>
</vm-ui>
</vm-player>

Properties#

PropertyDescriptionTypeDefault
effectDetermines which animation effect the skeleton will use."none" โˆฃ "sheen"'sheen'

CSS Custom Properties#

NameDescription
--vm-skeleton-colorThe color of the skeleton.
--vm-skeleton-sheen-colorThe sheen color when the skeleton is in its loading state.
--vm-skeleton-z-indexThe position in the UI z-axis stack inside the player.