package: '@thumbtack/tp-ui-component-loader' kit: loader-dots/index.mdx platform: scss url: /components/loader-dots/scss/ mdxType: componentApi

import '@thumbtack/tp-ui-component-loader';

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>