 
   This example uses component local state to toggle the is-active class to open/close the dropdown."
   (let [open (boolean (om/get-state this :open))
-        menu-class (str "c-menu" (if open " is-active" ""))
         selections ["Apples" "Oranges" "Banannas"]
         current (or (om/get-state this :selection) "Not Selected")]
-    (dom/div #js {:className "has-menu"}
+    (dom/div #js {:className (str "has-menu" (when open " is-active"))}
       (dom/button #js {:onClick   #(om/update-state! this update :open not)
-                       :className "c-button js-dropdown-toggle"} current)
+                       :className "c-button "} current)
       (dom/div #js {:id          "test-dropdown"
                    :tabIndex    "-1"
                    :aria-hidden "true"
-                   :className   menu-class}
+                   :className   "c-menu"}
         (dom/div #js {:className "c-menu__group"}
           (map (fn [s]
                 (dom/div #js {:key s :onClick (fn [evt]


    ;; Bottom right

    (let [open (boolean (om/get-state this :open))
        menu-class (str "c-menu c-menu--bottom-right " (if open " is-active" ""))]
    (dom/div #js {:className "u-end"}
      (dom/div #js {:className "has-menu"}
        (dom/button #js {:onClick #(toggle-open this) :className "c-button js-dropdown-toggle"} "Bottom Right Aligned")
        (dom/div #js {:id "test-dropdown" :aria-hidden "true" :className menu-class :tabIndex "-1"}
          (dom/div #js {:className "c-menu__group"}
            (dom/button #js {:className (str "c-menu__item")}
              (dom/div #js {:className "c-menu__item-icon"} (icons/icon :done))

               This object is redesigned to be un-opinionated and flexible for almost any interactive list you might need in your app. The simplified markup resembles this node list:
               ``` shell\n.o-accordion [ --inline | --right | --small ]\n   __title   [ is-active | is-nested | is-selected ]\n   __content [ is-active ]\n     __group\n       __info\n       __actions\n         __action [ --informative | --success ]\n         __meta\n           __meta-item\n```"}
          {:id :editor-inactive :title "Editor [Deprecated]" :examples [editor-inactive editor-active]}
          {:id :sidebar :title "Sidebar [Deprecated]" :examples [sidebar sidebar-right]}
          ])))

