            children))
 
 (dc/do
+  (defcard-doc
+    "Simple tooltips and more complex popovers for displaying extended
+    information for things.
+
+    A simple popup provides 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.")
+
   (def trigger
     (html
      [:div {:style {:width 32}}

(ns frontend.components.pieces.popover
  (:require [clojure.string :as string]
            [devcards.core :as dc :refer-macros [defcard]]
            [frontend.components.pieces.button :as button]
            [frontend.components.pieces.icon :as icon]
            [goog.string :as gstring]

                 trigger)))

  (defcard tooltip-and-popover-card
    (fn [state]
      (html
       [:div {:style {:display "flex"
