This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2021-06-30
Channels
- # announcements (1)
- # asami (21)
- # babashka (10)
- # beginners (123)
- # cider (55)
- # cljfx (9)
- # clojure (21)
- # clojure-europe (25)
- # clojure-nl (4)
- # clojure-uk (6)
- # clojured (1)
- # clojurescript (29)
- # cursive (9)
- # datomic (8)
- # emacs (13)
- # events (1)
- # fulcro (21)
- # graalvm (10)
- # graalvm-mobile (13)
- # jobs (1)
- # luminus (4)
- # malli (7)
- # nrepl (9)
- # off-topic (24)
- # pathom (2)
- # podcasts-discuss (1)
- # reagent (5)
- # releases (1)
- # remote-jobs (3)
- # shadow-cljs (33)
- # tools-deps (60)
- # vim (8)
- # xtdb (1)
Hi, does anybody have pointers (or code sample) on how to integrate Reagent with a Material-UI theme? https://material-ui.com/store/
Not sure what you are looking for? Here is a small example of a view that uses 2 elements from material-ui
(ns example
(:require [reagent.core :as r]
[reagent-material-ui.core.icon-button :refer [icon-button]]
[reagent-material-ui.icons.close :refer [close]]))
(defn clicked []
(println "I was clicked")
)
(defn label-view [name]
[:div {:style {:display "flex" :flex-direction "row" :background-color "green" :border-radius 3 :margin-right 5 :height 30
:border-style "solid" :border-color color/app-background-color :border-width 1}}
[:label {:style {:color color/app-background-color :margin-left 5 :font-size 14}} name]
[:div {:style {:margin-left 0 :margin-top 0 :width 20 :height 20}}
[icon-button {:style {:size "small" :position "relative" :top -10 :left -10}
:on-click #(clicked)}
[close {:style {:font-size 15 :font-weight "bold"}}]]]])