From 92012cae19ff70b693ef8b2a6a927c5a4d18c104 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Mon, 20 Mar 2017 15:32:25 +0800 Subject: Add Popovers docs --- docs/components.html | 22 +++++++++++++++++++--- docs/index.html | 3 +++ 2 files changed, 22 insertions(+), 3 deletions(-) (limited to 'docs') diff --git a/docs/components.html b/docs/components.html index 4512945..565f1b9 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1469,11 +1469,27 @@
-

+

Wrap an element by a container with the popover class. And add a container with the popover-container next to the element. You can use Cards component inside the popover-container.

+

Also, you can add the popover-right, popover-bottom or popover-left class to define the position. By default, the popovers appear above the element.

- -

+
+
<div class="popover popover-right">
+  <button class="btn btn-primary">right popover</button>
+  <div class="popover-container">
+    <div class="card">
+      <div class="card-header">
+        ...
+      </div>
+      <div class="card-body">
+        ...
+      </div>
+      <div class="card-footer">
+        ...
+      </div>
+    </div>
+  </div>
+</div>
 

 
         
diff --git a/docs/index.html b/docs/index.html
index 6992015..23b260c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -309,6 +309,9 @@
           

             
March 2017

             
    
+              
  • 
+                Popovers: small overlay content containers NEW
+              
    • 
               
  • 
                 Panels: flexible view container layout with auto-expand content section NEW
               
    • 
-- 
cgit v1.3.1-23-gd82d