Thumbprint logo

Components

Loader Dots

Loading indicator with three animated dots.

Version:4.0.3 •View source•Changelog•Report issue
Install:yarn add @thumbtack/thumbprint-scss

Loader Sizes

Default

<ul class="tp-loader">
    <li></li>
    <li></li>
    <li></li>
</ul>

Small

<ul class="tp-loader tp-loader--small">
    <li></li>
    <li></li>
    <li></li>
</ul>

Loader colors

The loader can be used on dark backgrounds or in gray.

Inverse

<ul class="tp-loader tp-loader--inverse">
    <li></li>
    <li></li>
    <li></li>
</ul>

Muted

<ul class="tp-loader tp-loader--muted">
    <li></li>
    <li></li>
    <li></li>
</ul>