       []
       [v-box
        :gap "15px"
-<<<<<<< Temporary merge branch 1
        :children [[title :label "[radio-button ... ]"]
                   [gap :size "0px"]                         ;; Double the 15px gap from the parent v-box
-=======
-       :children [[title :label "Radio Buttons"]
-                  [gap :size "0px"]
->>>>>>> Temporary merge branch 2
                   [v-box
                    :children [(doall (for [c ["red" "green" "blue"]]    ;; Notice the ugly "doall"
                                        ^{:key c}                        ;; key should be unique within this compenent


(defn inputs-demo
  []
  (let [text-val        (reagent/atom nil)
        disabled?       (reagent/atom false)
<<<<<<< Temporary merge branch 1
        change-on-blur? (reagent/atom false)
        ]
=======
        change-on-blur? (reagent/atom true)]
>>>>>>> Temporary merge branch 2
    (fn
      []
      [v-box
       :gap      "15px"
<<<<<<< Temporary merge branch 1
       :children [[title :label "[input-text ... ]"]
                  [gap :size "0px"]                         ;; Double the 15px gap from the parent v-box
                  [h-box
                   :gap      "20px"

=======
       :children [[title :label "Inputs"]
                  [gap :size "0px"]
                  [h-box
                   :gap      "30px"
                   :align    :start
>>>>>>> Temporary merge branch 2
                   :children [[input-text
                               :model           text-val
                               :placeholder     "placeholder message"
                               :on-change       #(reset! text-val %)
                               :change-on-blur? change-on-blur?
                               :disabled?       disabled?]
<<<<<<< Temporary merge branch 1

                              [v-box
                               :gap "15px"
                               :children [[label :label (str ":model is currently: '" (if @text-val @text-val "nil") "'")]
                                          [checkbox
                                            :label     ":change-on-blur? (when should on-change be called?  On each key press OR on-blur)"
                                            :model     change-on-blur?
                                            :on-change (fn [val]
                                                         (reset! change-on-blur? val))]
                                           [checkbox
                                            :label     ":disabled?"
                                            :model     disabled?
                                            :on-change (fn [val]
                                                         (reset! disabled? val))]
                                           [button
                                            :label    "Set :model to 'blah'"
                                            :on-click #(reset! text-val "blah")]
                                           ]]]]]])))
=======
                              [v-box
                               :gap      "15px"
                               :children [[label

              [checkboxes-demo]
              [radios-demo]
              [inputs-demo]
              [inputs-demo-mike]
              [hyperlink-demo]
              [gap :size "100px"]]])
