Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev-v1-navbars' into dev-v1-navbars

Browse Source
This commit is contained in:
chomik
2019-06-01 20:43:25 +02:00
parent 3a69837185 053170510f
commit 6db7333eb7
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
pages/_docs/buttons.md
View File

@@ -79,6 +79,14 @@ In need of a button, but not the hefty background colors they bring? Replace the
{% endfor %}
{% endexample %}
## Button with star
{% example html %}
{% for button in site.button_variants %}
{% include ui/button.html text="Button" label="star" color=button.name class="mr-2" %}
{% endfor %}
{% endexample %}
### Button size
Add `.btn-lg` or `.btn-sm` for additional sizes.
@@ -246,3 +254,12 @@ Use the `.text-center` or the `.text-right` modifiers to alter the alignment.
<a href="#" class="btn btn-secondary">Save and continue</a>
</div>
{% endexample %}
### Button with avatar
{% example html%}
<a href="#" class="btn btn-secondary mr-2">{% include ui/avatar.html person-id="4" class="btn-avatar" %} Avatar</a>
<a href="#" class="btn btn-secondary mr-2">{% include ui/avatar.html person-id="5" class="btn-avatar" %} Avatar</a>
<a href="#" class="btn btn-secondary mr-2">{% include ui/avatar.html person-id="6" class="btn-avatar" %} Avatar</a>
{% endexample %}