This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2020-06-12
Channels
- # aleph (1)
- # aws (2)
- # babashka (44)
- # beginners (178)
- # biff (12)
- # calva (22)
- # chlorine-clover (60)
- # cider (1)
- # clj-kondo (9)
- # cljdoc (6)
- # cljs-dev (37)
- # cljss (2)
- # clojure (43)
- # clojure-europe (3)
- # clojure-finland (23)
- # clojure-italy (1)
- # clojure-nl (4)
- # clojure-norway (3)
- # clojure-spec (56)
- # clojure-uk (148)
- # clojuredesign-podcast (1)
- # clojurescript (11)
- # conjure (5)
- # core-async (22)
- # cursive (9)
- # datascript (5)
- # datomic (4)
- # duct (8)
- # emotion-cljs (2)
- # figwheel-main (15)
- # fulcro (53)
- # graalvm (68)
- # helix (2)
- # jackdaw (1)
- # kaocha (9)
- # lambdaisland (1)
- # malli (10)
- # meander (2)
- # news-and-articles (1)
- # observability (12)
- # off-topic (17)
- # pathom (1)
- # pedestal (25)
- # practicalli (1)
- # protojure (4)
- # re-frame (2)
- # reagent (57)
- # reitit (1)
- # releases (2)
- # shadow-cljs (69)
- # specter (6)
- # tools-deps (10)
- # vim (16)
- # vscode (4)
- # yada (3)
can you please share example? You are able to use className
, class-name
and class
without any problems
(ns app.core
(:require
["react-dom" :as rdom]
[helix.dom :as d]
[helix.core :as hx :refer [$ <>]]
["@material-ui/core/styles" :refer [makeStyles]]
["@material-ui/core/Button" :default Button]
["@material-ui/core/card" :default Card]
["@material-ui/core/CardContent" :default CardContent]
[emotion.core :refer [defstyled]]
[applied-science.js-interop :as jsi]
[cljs-bean.core :refer [->js]]
[app.lib :refer [defnc]]))
(defstyled Center "div"
{:position "absolute"
:top "50%"
:left "50%"
:transform "translate(-50%, -50%)"})
(defstyled PainelLogin Card
{:backgroundColor "blue"})
(defstyled Conteudo CardContent
{:width 650
:fontSize 40})
(defstyled stBotao Button
{:background "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)"})
(defnc Botao [{:keys [class-name children] :as resto}]
($ stBotao (merge resto {:className class-name}) children))
(defnc App []
(let [botao (makeStyles (->js {:botao {:background "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)"}}))
fifi (botao)]
(js/console.log (jsi/get fifi :botao))
(js/console.log ($ Button "Fernando"))
($ Button {:className (jsi/get fifi :botao)} "Fernando")
($ Botao "Fernando")))
(defn ^:export start
[]
(rdom/render ($ App)
(js/document.getElementById "app")))
I did direct with makeStyles
from Material-UI and tried to use with emotion-cljs
. The result in html is Botao
has class-name
prop, not added in class
as to be.