mirror of
https://github.com/tabler/tabler.git
synced 2025-12-23 18:34:25 +04:00
50 lines
1.0 KiB
Markdown
50 lines
1.0 KiB
Markdown
---
|
|
title: Spinners
|
|
---
|
|
|
|
## Default markup
|
|
|
|
{% example html %}
|
|
{% include ui/spinner.html %}
|
|
{% endexample %}
|
|
|
|
|
|
## Colors
|
|
|
|
{% example html %}
|
|
{% for color in site.colors %}
|
|
{% assign c = color[0] %}
|
|
{% include ui/spinner.html color=c %}
|
|
{% endfor %}
|
|
{% endexample %}
|
|
|
|
## Size
|
|
|
|
{% example html %}
|
|
{% include ui/spinner.html %}
|
|
{% include ui/spinner.html size="sm" %}
|
|
{% endexample %}
|
|
|
|
## Growing spinner
|
|
|
|
{% example html %}
|
|
{% include ui/spinner.html type="grow" %}
|
|
{% endexample %}
|
|
|
|
{% example html %}
|
|
{% 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 ui/button.html spinner=true text="Button" color="primary" %}
|
|
{% include ui/button.html spinner=true text="Button" color="danger" %}
|
|
{% include ui/button.html spinner=true text="Button" color="warning" %}
|
|
{% include ui/button.html spinner=true color="success" %}
|
|
{% include ui/button.html spinner=true color="secondary" %}
|
|
{% endexample %}
|