diff --git a/docs/components/utilities.md b/docs/components/utilities.md index 788f1a3c8c7be6e29ecc53a5c339ce1335356952..3bc0547747b395a3fb185aedaa0a0acb483ccc8f 100644 --- a/docs/components/utilities.md +++ b/docs/components/utilities.md @@ -124,6 +124,17 @@ Convey meaning through color with a handful of emphasis utility classes. These m <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p> {% endexample %} +Contextual text classes also work well on anchors with the provided hover and focus states. + +{% example html %} +<a href="#" class="text-muted">Muted link</a> +<a href="#" class="text-primary">Primary link</a> +<a href="#" class="text-success">Success link</a> +<a href="#" class="text-info">Info link</a> +<a href="#" class="text-warning">Warning link</a> +<a href="#" class="text-danger">Danger link</a> +{% endexample %} + Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. {% example html %}