diff options
Diffstat (limited to 'docs/components/badge.md')
| -rw-r--r-- | docs/components/badge.md | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/docs/components/badge.md b/docs/components/badge.md index a7497a285..764e5a1cb 100644 --- a/docs/components/badge.md +++ b/docs/components/badge.md @@ -3,27 +3,30 @@ layout: docs title: Badges description: Documentation and examples for badges, our small count and labeling component. group: components +toc: true --- -Small and adaptive tag for adding context to just about any content. - -## Contents - -* Will be replaced with the ToC, excluding the "Contents" header -{:toc} - ## Example Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units. -{% example html %} +<div class="bd-example"> +<div class="h1">Example heading <span class="badge badge-default">New</span></div> +<div class="h2">Example heading <span class="badge badge-default">New</span></div> +<div class="h3">Example heading <span class="badge badge-default">New</span></div> +<div class="h4">Example heading <span class="badge badge-default">New</span></div> +<div class="h5">Example heading <span class="badge badge-default">New</span></div> +<div class="h6">Example heading <span class="badge badge-default">New</span></div> +</div> + +{% highlight html %} <h1>Example heading <span class="badge badge-default">New</span></h1> <h2>Example heading <span class="badge badge-default">New</span></h2> <h3>Example heading <span class="badge badge-default">New</span></h3> <h4>Example heading <span class="badge badge-default">New</span></h4> <h5>Example heading <span class="badge badge-default">New</span></h5> <h6>Example heading <span class="badge badge-default">New</span></h6> -{% endexample %} +{% endhighlight %} ## Contextual variations |