Loading

The loading component, prefixed by gds-loading, is used to indicate asynchronous loading of content. To show the indicator on a transparent overlay, add the gds-loading--bg class to the parent element containing gds-loading.

For a white variation, add the gds-loading__dot--white modifier class to gds-loading__dot.

<div class="gds-loading">
    <div class="gds-loading__dot"></div>
</div>

Optional classes:

• gds-loading__dot--white
• gds-loading__dot--lg