From 9f5c6bcfd87b2e270e106581996a3b07a76f0cf2 Mon Sep 17 00:00:00 2001
From: REJack <info@rejack.de>
Date: Fri, 8 May 2020 16:06:57 +0200
Subject: [PATCH] add wrap/truncate note for info-boxes

---
 docs/components/boxes.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/components/boxes.md b/docs/components/boxes.md
index ea623ea75..5124b55bf 100644
--- a/docs/components/boxes.md
+++ b/docs/components/boxes.md
@@ -72,6 +72,11 @@ There are two types of boxes, info boxes & small boxes. Both boxes are used to d
 {: .col-md-4 .col-sm-6 .col-12}
 </div>
 
+> ##### Note!
+> To wrap the text in to a new line add to the info-box-text the class text-wrap.
+> To truncate the text with ... add to the info-box-content the class text-truncate. (Here you should add a tooltip to display the whole pharse)
+{: .quote-danger}
+
 ##### Info Box with Progress Bar
 {: .text-bold .text-dark .mt-4}