                    :gap "10px"
                    :style {:font-size "small"}
                    :children [[component-title "[info-button ... ]"]
+
+                              [label :class "small-caps" :label "notes:"]
+
+                              [label :label "A tiny information button, which is light grey and unobrusive. When pressed, displays a popup contining helpful information. "]
+
+                              [label :label "Designed to be used with input fields, to explain the purpose of the field."]
+
                               [args-table info-button-args-desc]]]
                   [v-box
                    :children [[component-title "Demo"]

(def demos [{:id 0 :label "button"                :component button-demo}
            {:id 1 :label "md-circle-icon-button" :component md-circle-icon-button-demo}
            {:id 2 :label "md-icon-button"        :component md-icon-button-demo}
            {:id 3 :label "info-button"        :component info-button-demo}
            {:id 4 :label "row-button"            :component row-button-demo}
            {:id 5 :label "hyperlink"             :component hyperlink-demo}
            {:id 6 :label "hyperlink-href"        :component hyperlink-href-demo}
            ])

(defn panel2
  []
  (let [selected-demo-id (reagent/atom 0)]
    (fn []
      [v-box
       :gap "10px"
       :children [[panel-title "Button Components" ]
                  [h-box
                   :gap      "50px"
                   :children [[v-box
                               :gap      "10px"
                               :children [[component-title "Components"]
                                          [vertical-bar-tabs
                                           :model     selected-demo-id
                                           :tabs      demos
                                           :on-change #(reset! selected-demo-id %)]]]
                              [(get-in demos [@selected-demo-id :component])]]]]])))


(defn panel   ;; Only required for Reagent to update panel2 when figwheel pushes changes to the browser

                   :style {:font-size "small"}
                   :children [[component-title "[row-button ... ]"]
                              [label :class "small-caps" :label "notes:"]
                              [label :label "Designed for tables which have per-row buttons. To avoid visual clutter, they only appear on row mouse over."]
                              [label :label "To experiement, mouse over the table in the demo.  Notice that buttons appear for each row, muted initially, but more strongly as the mouse is over them specifically."]

                              [:p
                               "Material design icons can be found "
                               [hyperlink-href
