vime-skeleton

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

Usage

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

Properties

PropertyAttributeDescriptionTypeDefault
effecteffectDetermines which 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.

Dependencies

Used by

Graph

graph TD;
vime-default-ui --> vime-skeleton
style vime-skeleton fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS