tabler/pages/_docs/spinners.md

title, menu, bootstrap-link, done

title	menu	bootstrap-link	done
Spinners	docs.spinners	components/spinners/	true

Default markup

{% example %} {% include ui/spinner.html %} {% endexample %}

Colors

{% example %} {% for color in site.colors %} {% assign c = color[0] %} {% include ui/spinner.html color=c %} {% endfor %} {% endexample %}

Size

{% example %} {% include ui/spinner.html %} {% include ui/spinner.html size="sm" %} {% endexample %}

Growing spinner

{% example %} {% include ui/spinner.html type="grow" %} {% endexample %}

{% example %} {% for color in site.colors %} {% assign c = color[0] %} {% include ui/spinner.html color=c type="grow" %} {% endfor %} {% endexample %}

Buttons

{% example html wrapper=btn-list %} {% include_cached ui/button.html spinner=true text="Button" color="primary" %} {% include_cached ui/button.html spinner=true text="Button" color="danger" %} {% include_cached ui/button.html spinner=true text="Button" color="warning" %} {% include_cached ui/button.html spinner=true color="success" %} {% include_cached ui/button.html spinner=true color="secondary" %} {% endexample %}