day8.re-frame.trace.utils.animated — day8.re-frame/trace 0.1.22-react16

Provides animation support for Regent components

Depends on react-flip-move via cljsjs/react-flip-move https://github.com/cljsjs/packages/tree/master/react-flip-move

see: https://github.com/joshwcomeau/react-flip-move#table-of-contents see: http://www.upgradingdave.com/blog/posts/2016-12-17-permutation.html See: https://medium.com/developers-writing/animating-the-unanimatable-1346a5aab3cd#.20km1k5jr

Usage in apps: [animated/component (animated/v-box-options {:style {:margin-left "-34px"}} (map (fn [item] ^{:key (:id item)} [list-item item]) items-list)

see additional properties that can be specified in options https://github.com/joshwcomeau/react-flip-move#options

component cljs

h-box-options cljs

(h-box-options options)

return merged component attributes suitable for animated h-box. See https://github.com/joshwcomeau/react-flip-move#options for supported props other then :style

rc-h-box-style cljs

mimic h-box style properties for standard :div note1: typicaly you should also set :class "rc-v-box display-flex" note2: re-com.box/justify-style & align-style for others

rc-v-box-style cljs

mimic v-box style properties for standard :div note1: typicaly you should also set :class "rc-v-box display-flex" note2: re-com.box/justify-style & align-style for others

v-box-options cljs

(v-box-options options)

return merged component attributes suitable for animated v-box. See https://github.com/joshwcomeau/react-flip-move#options for supported props other then :style