 (defexample menus-search-multi
   "### Multi-Select, Searchable Dropdown"
   (let [open (boolean (om/get-state this :open))
-        items (mapv #(str "Item " %) (range 1 20))
-        menu-class (str "c-menu c-menu--large" (if open " is-active" ""))]
-    (dom/div #js {:className "has-menu"}
-      (dom/button #js {:onClick #(toggle-open this) :className "c-button c-button--dropdown js-dropdown-toggle"} "Filter")
-      (dom/div #js {:id "test-dropdown" :aria-hidden "true" :className menu-class :tabIndex "-1"}
+        items (mapv #(str "Item " %) (range 1 20))]
+    (dom/div #js {:className (str "has-menu" (when open " is-active"))}
+      (dom/button #js {:onClick #(toggle-open this) :className "c-button c-button--dropdown "} "Filter")
+      (dom/div #js {:id "test-dropdown" :aria-hidden "true" :className "c-menu c-menu--large" :tabIndex "-1"}
         (dom/div #js {:className "c-field"}
           (icons/icon :search)
           (dom/input #js {:type "text" :placeholder "Search..." :className "c-field__input"}))


    ;; 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]}
          ])))

