Merge pull request #534 from picturepan2/0.5.6 v0.5.6

0.5.6

1 files changed, 15 insertions, 1 deletions

diff --git a/docs/src/components/tooltips.pug b/docs/src/components/tooltips.pug
index 7fdafde..e9b041e 100644
--- a/docs/src/components/tooltips.pug
+++ b/docs/src/components/tooltips.pug
@@ -20,7 +20,7 @@ block docs-content
       .column.col-xs-12
         button.btn.btn-primary.tooltip.tooltip-bottom(data-tooltip="Bottom Tooltip Text") bottom tooltip
       .column.col-xs-12
-        button.btn.btn-primary.tooltip.tooltip-left(data-tooltip="Left Tooltip Text") left tooltip
+        button.btn.btn-primary.tooltip.tooltip-left(data-tooltip="Left Tooltip Text\nMultiline") left tooltip
 
     p Tooltips component is built entirely in CSS.
     p
@@ -34,6 +34,20 @@ block docs-content
         :highlight(lang="html")
           <button class="btn tooltip" data-tooltip="Lorem ipsum dolor sit amet">top tooltip</button>
           <button class="btn tooltip tooltip-right" data-tooltip="Lorem ipsum dolor sit amet">right tooltip</button>
+
+    +docs-subheading('tooltips-multiline', 'Multiline tooltips')
+
+    .docs-demo.columns
+      .column.col-12
+        button.btn.btn-primary.tooltip(data-tooltip="First Line Tooltip Text \n Second Line Tooltip Text \n Third Line Tooltip Text") multiline tooltip
+
+    p
+      | Add the #[code \n] string between any text for multiline tooltips.
+
+    pre.code(data-lang='HTML')
+      code
+        :highlight(lang="html")
+          <button class="btn tooltip" data-tooltip="First Line Tooltip Text \n Second Line Tooltip Text">multiline tooltip</button>
     
     include ../_layout/_ad-c.pug