7.1 loaders.content Content loading

Toggle example guides Toggle HTML markup

This is loading animation purely designed for content lazy loading. There is multiple different variations to fit different kinds of content.

Examples
Default styling
.content-loading--one-word
This is used to placeholder a single word.
.content-loading--half-width
This is used to fill half of the space.
.content-loading--two-thirds-width
This is used to fill two thirds of the space.
.content-loading--vertical-space
This variation can be used if multiple loading effects are placed above each other.
Markup: components/content-loading/content-loading.twig
<div class="content-loading {{ modifier_class }}"></div>
Source: components/content-loading/content-loading.scss, line 1