ehhh https://github.com/mpowaga/react-slider how do I call the getValue method on the component?

with :onChange

@deadghost (.getValue (r/current-component))

Though I'd think the current value is also the parameter on onChange function

oh yeah looks like it gets passed in as a parameter

For some reason i’m able to pass in all of the style props except for the grid positioning props. I see in the Firefox dev tools that every inline prop except for those were passed

(defn letter [l color bg-color grid-pos-vec]
  [:div {:style {:text-transform "uppercase"
                 :background-color bg-color
                 :color color
                 :height "90%"
                 :padding-top "20px"
                 :padding-left "20px"
                 :grid-column-start (int (nth grid-pos-vec 0))
                 :grid-column-end (int (nth grid-pos-vec 1))
                 :grid-row-start (int (nth grid-pos-vec 2))                
                 :grid-row-end (int (nth grid-pos-vec 3))}} 
   [:h1 l]])

I get no compilation errors. When I manually add those props in dev tools, it works as expected

any ideas? Literally every property works except those four (afaik)

(defn letter [l color bg-color grid-pos-vec]
  [:div {:style {:text-transform "uppercase"
                 :background-color bg-color
                 :color color
                 :height "90%"
                 :padding-top "20px"
                 :padding-left "20px"
                 :grid-column (str (nth grid-pos-vec 0)
                                   " / "
                                   (nth grid-pos-vec 1))
                 :grid-row (str (nth grid-pos-vec 2)
                                   " / "
                                   (nth grid-pos-vec 3))
                 :border-radius 5}} 
   [:p l]])

strangely the shorthand version does work

is there anything against three word prop names?