     ;; Top right
 
     (let [open       (boolean (om/get-state this :open))
-          menu-class (str "c-menu c-menu--top-right" (if open " is-active" ""))
           selections ["Apples" "Oranges" "Banannas"]
           current    (or (om/get-state this :selection) "Top Right Aligned")]
       (dom/div #js {:className "u-end"}
-        (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/ul #js {:id        "test-dropdown" :tabIndex "-1" :aria-hidden "true"
-                       :className menu-class}
+                       :className "c-menu c-menu--top-right"}
             (map (fn [s]
                    (dom/li #js {:key s :onClick (fn [evt]
                                                   (om/update-state! this assoc :open false)

               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 :listing :title "Listing [Deprecated]" :examples [listing]}
          {:id :sidebar :title "Sidebar [Deprecated]" :examples [sidebar sidebar-right]}
          ])))


            (dom/path #js {:d "M12 0c-6.627 0-12 5.406-12 12.073 0 5.335 3.438 9.859 8.207 11.455.6.111.819-.262.819-.581l-.017-2.247c-3.337.729-4.042-1.424-4.042-1.424-.546-1.394-1.332-1.765-1.332-1.765-1.091-.749.083-.734.083-.734 1.205.084 1.839 1.244 1.839 1.244 1.071 1.845 2.81 1.312 3.492 1.002.109-.778.42-1.312.762-1.612-2.664-.305-5.466-1.341-5.466-5.967 0-1.319.468-2.395 1.234-3.24-.122-.307-.535-1.535.119-3.196 0 0 1.006-.324 3.3 1.238.957-.269 1.983-.402 3.003-.406 1.02.004 2.046.139 3.004.407 2.29-1.564 3.297-1.238 3.297-1.238.656 1.663.243 2.89.12 3.195.769.845 1.233 1.921 1.233 3.24 0 4.638-2.807 5.659-5.48 5.958.432.374.814 1.108.814 2.234 0 1.614-.016 2.915-.016 3.313 0 .321.218.697.826.579 4.765-1.599 8.2-6.123 8.2-11.455 0-6.667-5.373-12.073-12-12.073z"})))
        (dom/span #js {:className "o-iconbar__label"} "Github")))))

(defexample modal-example
  "# Modal

