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

Merge branches 'dev' and 'dev-docs' of https://github.com/tabler/tabler into dev-docs

Browse Source 
 Conflicts:
	pages/_docs/badges.md
This commit is contained in:
codecalm
2020-02-16 21:32:05 +01:00
parent 0d36f29859 5544589c7f
commit f8db48d702
4 changed files with 92 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_docs/badges.md
+24
View File
@@ -60,3 +60,27 @@ If you don't want your badge to contain any text you can do it by leaving the ht
{% endfor %}
{% endcapture %}
{% include example.html code=code centered=true %}
### Badge addons
You can add badge addon by adding `.badge-addon` class.
{% capture code %}
{% include ui/badge.html text="task" color="green" addon="finished" %}
{% include ui/badge.html text="bundle" color="purple" addon="passing" %}
{% include ui/badge.html text="CSS gzip size" color="red-lt" addon="20.9kB" addon-color="red" %}
{% endcapture %}
{% include example.html code=code %}
### Badge avatars
If you want to add an avatar to your badge just create `.badge-avatar` class.
{% capture code %}
{% include ui/badge.html person-id=1 color="blue" %}
{% include ui/badge.html person-id=2 color="blue" %}
{% include ui/badge.html person-id=3 color="blue" %}
{% include ui/badge.html person-id=4 color="blue" %}
{% include ui/badge.html person-id=5 color="blue" %}
{% endcapture %}
{% include example.html code=code %}