Loading Indicator Demo

Styled using the Elements SDK.


Initialized and instantiated via ReactIntl components

Initialized and instantiated via event (attached to body)

Full page loading indicator will appear for 5 seconds and then switch off

Initialized and instantiated via event (attached to DOM Element)

Here is some text that should appear washed out when the loading indicator is displayed.

Here is a link to Google that you shouldn't be able to click on

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus mollis mattis. Donec posuere dictum tortor. Duis sodales ex in urna molestie feugiat. Nulla et odio molestie lacus placerat rutrum. Phasellus pretium molestie mauris a bibendum. Mauris risus nunc, mattis et sodales vel, auctor vel tellus. Nunc vehicula luctus mauris quis euismod. Mauris ut faucibus metus. Nunc at tortor mi. Sed semper lacus ac diam eleifend, quis malesuada nisi malesuada. Vivamus condimentum commodo quam, in porta libero placerat vel. Suspendisse at sollicitudin nulla. Nunc finibus velit odio, nec ultrices erat iaculis non.

Aliquam ornare lobortis massa id gravida. Donec pulvinar, urna et imperdiet euismod, magna velit vestibulum neque, vel aliquam sapien est ac velit. Maecenas a hendrerit lacus. Quisque accumsan libero et odio malesuada tristique. Vivamus congue nulla in volutpat egestas. Cras in finibus libero. Aenean blandit tristique orci. Sed dapibus purus et ultrices venenatis. Curabitur eu arcu accumsan, imperdiet nisl et, viverra ante. Cras a odio vitae libero tempor porta. Aenean porttitor, felis vitae placerat hendrerit, neque mi maximus felis, ac lacinia nulla justo suscipit odio. Integer malesuada vitae urna ut tempus. Maecenas non velit tincidunt, tincidunt massa at, iaculis turpis. Suspendisse erat erat, tempus ac fermentum quis, iaculis eu est.