                           (html
                             [:div
                              [:p "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."]
-                             [:p [:a {:href "#"} "Click here!"]]])
+                             [:p [:a {:href "#"} "Click here!"]]
+                             [:p (button/button {:kind :primary} "Do Something")]])
                           :placement :right
                           :trigger-mode :click
                           :visible? true})}
          trigger)])))
+
+  (defcard tooltip
+    (fn [state]
+      (html
+       [:div {:style {:display "flex"
+                      :justify-content "space-between"
+                      :padding 50}}
+        (vary-placements tooltip
+                         {:body "Content"})])))
 
   (defcard popover-click
     (fn [state]

                         {:title "Title"
                          :body "Content"
                          :trigger-mode :click})])))
  (defcard popover-hover
    (fn [state]
      (html

                        :body body)
                 trigger)))

  (defcard tooltip-and-popover-card
    "Simple tooltips and more complex popovers for displaying extended
    information for things.

    A simple popup provide extra information or operations on hover, focus
    or click. Compared with tooltips, popovers can provide action elements
    like links and buttons.

    The tooltip shows on mouse enter and hides on mouse leave and doesn’t support
    complex text. The default behavior in hover mode is to respond to clicks as
    well. If you click, it \"pins\" the tooltip. Clicking again or clicking out
    dismisses it, allowing tooltips to work on touch devices as well."
    (fn [state]
      (html
       [:div {:style {:display "flex"
