Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-30 23:14:39 +04:00
Code Issues Projects Releases Wiki Activity

add button with star and avatar

Browse Source
This commit is contained in:
mrszympek
2019-06-01 20:40:46 +02:00
parent c7ebd9e131
commit a46aa0b385
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_docs/buttons.md
+17
View File
@@ -79,6 +79,14 @@ In need of a button, but not the hefty background colors they bring? Replace the
{% endfor %} {% endfor %}
{% endexample %} {% 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 ### Button size
Add `.btn-lg` or `.btn-sm` for additional sizes. 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> <a href="#" class="btn btn-secondary">Save and continue</a>
</div> </div>
{% endexample %} {% 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 %}