From a46aa0b385a0a8fed61d5750ec004cfc71e23a37 Mon Sep 17 00:00:00 2001
From: mrszympek <bartlomiej.piela@versum.pl>
Date: Sat, 1 Jun 2019 20:40:46 +0200
Subject: [PATCH] add button with star and avatar

---
 pages/_docs/buttons.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/pages/_docs/buttons.md b/pages/_docs/buttons.md
index bbc8b71c2..cad259c44 100644
--- a/pages/_docs/buttons.md
+++ b/pages/_docs/buttons.md
@@ -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 %}
+