aboutsummaryrefslogtreecommitdiff
path: root/docs/components
diff options
context:
space:
mode:
Diffstat (limited to 'docs/components')
-rw-r--r--docs/components/label.md13
1 files changed, 13 insertions, 0 deletions
diff --git a/docs/components/label.md b/docs/components/label.md
index e3c03bb93..e5937fcd6 100644
--- a/docs/components/label.md
+++ b/docs/components/label.md
@@ -30,3 +30,16 @@ Add any of the below mentioned modifier classes to change the appearance of a la
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>
{% endexample %}
+
+### Pill labels
+
+Use the `.label-pill` modifier class to increase the rounded corners. Useful if you miss the badges from v3.
+
+{% example html %}
+<span class="label label-pill label-default">Default</span>
+<span class="label label-pill label-primary">Primary</span>
+<span class="label label-pill label-success">Success</span>
+<span class="label label-pill label-info">Info</span>
+<span class="label label-pill label-warning">Warning</span>
+<span class="label label-pill label-danger">Danger</span>
+{% endexample %}