Preloader

The .u-preloader--inner modifier applies the shimmer animation to the inner content of the element, allowing the outer structure to remain visible while the loading state is active.

Inner

Usage 

/* Format */
.u-preloader--{modifier} {}

/* Examples & modifiers */
.u-preloader--inner {}
Modifier Values Description
modifier
inner The .u-preloader--inner modifier applies the shimmer animation to the inner content of the element, allowing the outer structure to remain visible while the loading state is active.

Examples

ALT

A headline of a card

Atoms are the fundemental building blocks.

ALT

A headline of a card

Atoms are the fundemental building blocks.

Preloader

The preloader utility (.u-preloader) adds a shimmer loading animation to components, providing visual feedback during asynchronous operations.

Examples

User Preferences Form