cljsjs/semantic-ui-react

http://react.semantic-ui.com

[cljsjs/semantic-ui-react "0.88.1-0"] ;; latest release

This jar comes with deps.cljs as used by the Foreign Libs feature of the ClojureScript compiler. After adding the above dependency to your project you can require the packaged library like so:

(ns application.core
  (:require cljsjs.semantic-ui-react))

Currently the only extern declared is semanticUIReact. All components are available via properties of js/semanticUIReact and can be accessed via goog.object/get and goog.object/getValueByKeys.

Example and Example:

(ns re-frame-semantic-ui-react-github-widget.views
  ;; Other requires omitted...
  (:require [cljsjs.semantic-ui-react]
            [goog.object]))

;; Easy handle to the top-level extern for semantic-ui-react
(def semantic-ui js/semanticUIReact)

(defn component
  "Get a component from sematic-ui-react:
    (component \"Button\")
    (component \"Menu\" \"Item\")"
  [k & ks]
  (if (seq ks)
    (apply goog.object/getValueByKeys semantic-ui k ks)
    (goog.object/get semantic-ui k)))

(def container      (component "Container"))
(def button         (component "Button"))
(def segment        (component "Segment"))
(def dimmer         (component "Dimmer"))
(def loader         (component "Loader"))
(def message        (component "Message"))
(def message-header (component "Message" "Header"))
;; etc...

;; Reagent usage:
(defn view []
  [:> button {:onClick #(println "Hello world")} "Press Me"])