This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2021-07-07
Channels
- # announcements (1)
- # babashka (31)
- # beginners (54)
- # biff (3)
- # calva (22)
- # cider (13)
- # circleci (1)
- # clj-kondo (6)
- # cljsrn (2)
- # clojure (113)
- # clojure-europe (58)
- # clojure-mexico (5)
- # clojure-nl (3)
- # clojure-uk (7)
- # clojurescript (81)
- # cursive (20)
- # datomic (33)
- # events (3)
- # fulcro (29)
- # introduce-yourself (1)
- # meander (78)
- # off-topic (60)
- # om-next (2)
- # podcasts-discuss (1)
- # re-frame (8)
- # reagent (5)
- # reitit (20)
- # remote-jobs (1)
- # shadow-cljs (24)
- # spacemacs (10)
- # sql (8)
- # tools-deps (22)
- # xtdb (16)
hi! i’m trying to find the equivalent of the following to apply the toastOptions
<Toaster position="bottom-left"
toastOptions={{
className: 'bg-dark',
}}
/>
but not seeming to have luck with this
[:> Toaster :position "bottom-left" :toastOptions {:className "bg-dark"}]
Properties can be passed as a map, like so:
[:> Toaster {:position "bottom-left :toastOptions #js {:className "bg-dark"}}]
You can also write the :toastOptions
key as :toast-options
as Reagent will convert kabob-case keys to camel-case behind the scenes (in property maps).
#js
is a cljs literal that can create a javascript object for you which is probably what Toaster
expects for the value of :toastOptions
.No luck with that sadly, odd https://react-hot-toast.com/docs/styling it doesnt seem like i’m off on anything
this works, so i’m close :thinking_face:
:toastOptions #js{:style #js{:padding "200px"}}