Phoenix Reisen Styleguide

600 #permalink Loader

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Module: Mithril | React

Examples
Default styling
.loader--overlay
zentriert & absolut positioniert über Container mit .loader-parent - inkl. seichtem Hintergrund
Markup 
<div class="loader-parent gray6" style="height: 200px">
    <article class="loader [modifier class]">
        <p class="loader__spinner">
            <i class="fab fa-cuttlefish fa-spin"></i><br />
            Daten werden geladen...
        </p>
    </article>
</div>
Source: src/components/_loader.scss, line 1