Skeleton

Skeleton loading.

Skeleton

To create a skeleton loading item, use the class="skeleton" class.

logo
Card Image
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eligendi suscipit harum repellat architecto unde vel numquam rem doloribus maiores deserunt tenetur labore, aut, adipisci sit, sequi nihil voluptas commodi? Velit?

Gradient skeleton

For a gradient animation of the skeleton loading, use the class="skeleton-gradient" class.

logo
Card Image
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eligendi suscipit harum repellat architecto unde vel numquam rem doloribus maiores deserunt tenetur labore, aut, adipisci sit, sequi nihil voluptas commodi? Velit?

Styling

CSS Variable Default value Description
--ax-skeleton-background-from #e0e4e7 Default starting color of the skeleton animation.
Accepts all css color values (rgba, hex, rgb).
--ax-skeleton-background-to #f0f3f5 Default ending color of the skeleton animation.
Accepts all css color values (rgba, hex, rgb).