Module

Framer.Motion

Package: purescript-framer-motion
Repository: i-am-the-slime/purescript-framer-motion

#motion Source

motion :: forall result baseProps motionSubset. Union baseProps (MotionProps ()) result => Nub result result => Castable motionSubset (Record (MotionProps ())) => motionSubset -> Record baseProps -> Record result

#withMotion Source

withMotion :: forall result baseProps motionSubset. Union baseProps (MotionProps ()) result => Nub result result => Castable motionSubset (Record (MotionProps ())) => Record baseProps -> motionSubset -> Record result

#animatePresence Source

animatePresence :: forall attrs attrs_. Union attrs attrs_ AnimatePresenceProps => ReactComponent (Record attrs)

#animateSharedLayout Source

animateSharedLayout :: forall attrs attrs_. Union attrs attrs_ AnimateSharedLayoutProps => ReactComponent (Record attrs)

#startAnimation Source

startAnimation :: CSS -> AnimationControls -> Aff Unit

#startAnimationDynamic Source

startAnimationDynamic :: forall arg. (arg -> CSS) -> AnimationControls -> Aff Unit

#startAnimationVariant Source

startAnimationVariant :: VariantLabel -> AnimationControls -> Aff Unit

#stopAnimation Source

stopAnimation :: AnimationControls -> Effect Unit

Re-exports from Framer.Motion.MotionComponent

#wbr Source

wbr :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_wbr) => ReactComponent (Record attrs)

#view Source

view :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_view) => ReactComponent (Record attrs)

#video Source

video :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_video) => ReactComponent (Record attrs)

#var Source

var :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_var) => ReactComponent (Record attrs)

#use Source

use :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_use) => ReactComponent (Record attrs)

#ul Source

ul :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ul) => ReactComponent (Record attrs)

#u Source

u :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_u) => ReactComponent (Record attrs)

#tspan Source

tspan :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_tspan) => ReactComponent (Record attrs)

#track Source

track :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_track) => ReactComponent (Record attrs)

#tr Source

tr :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_tr) => ReactComponent (Record attrs)

#title Source

title :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_title) => ReactComponent (Record attrs)

#time Source

time :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_time) => ReactComponent (Record attrs)

#thead Source

thead :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_thead) => ReactComponent (Record attrs)

#th Source

th :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_th) => ReactComponent (Record attrs)

#tfoot Source

tfoot :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_tfoot) => ReactComponent (Record attrs)

#textarea Source

textarea :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_textarea) => ReactComponent (Record attrs)

#textPath Source

textPath :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_textPath) => ReactComponent (Record attrs)

#text Source

text :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_text) => ReactComponent (Record attrs)

#td Source

td :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_td) => ReactComponent (Record attrs)

#tbody Source

tbody :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_tbody) => ReactComponent (Record attrs)

#table Source

table :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_table) => ReactComponent (Record attrs)

#symbol Source

symbol :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_symbol) => ReactComponent (Record attrs)

#svgSwitch Source

svgSwitch :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_switch) => ReactComponent (Record attrs)

#svgAnimate Source

svgAnimate :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_animate) => ReactComponent (Record attrs)

#svg Source

svg :: forall attrs attrs_. Union attrs attrs_ (MotionProps + (SharedSVGProps Props_svg)) => ReactComponent (Record attrs)

#sup Source

sup :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_sup) => ReactComponent (Record attrs)

#summary Source

summary :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_summary) => ReactComponent (Record attrs)

#sub Source

sub :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_sub) => ReactComponent (Record attrs)

#style Source

style :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_style) => ReactComponent (Record attrs)

#strong Source

strong :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_strong) => ReactComponent (Record attrs)

#stop Source

stop :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_stop) => ReactComponent (Record attrs)

#span Source

span :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_span) => ReactComponent (Record attrs)

#source Source

source :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_source) => ReactComponent (Record attrs)

#small Source

small :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_small) => ReactComponent (Record attrs)

#select Source

select :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_select) => ReactComponent (Record attrs)

#section Source

section :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_section) => ReactComponent (Record attrs)

#script Source

script :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_script) => ReactComponent (Record attrs)

#samp Source

samp :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_samp) => ReactComponent (Record attrs)

#s Source

s :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_s) => ReactComponent (Record attrs)

#ruby Source

ruby :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ruby) => ReactComponent (Record attrs)

#rt Source

rt :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_rt) => ReactComponent (Record attrs)

#rp Source

rp :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_rp) => ReactComponent (Record attrs)

#rect Source

rect :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_rect) => ReactComponent (Record attrs)

#radialGradient Source

radialGradient :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_radialGradient) => ReactComponent (Record attrs)

#q Source

q :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_q) => ReactComponent (Record attrs)

#progress Source

progress :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_progress) => ReactComponent (Record attrs)

#pre Source

pre :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_pre) => ReactComponent (Record attrs)

#polyline Source

polyline :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_polyline) => ReactComponent (Record attrs)

#polygon Source

polygon :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_polygon) => ReactComponent (Record attrs)

#picture Source

picture :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_picture) => ReactComponent (Record attrs)

#pattern Source

pattern :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_pattern) => ReactComponent (Record attrs)

#path Source

path :: forall attrs attrs_. Union attrs attrs_ (MotionProps + (SharedSVGProps Props_path)) => ReactComponent (Record attrs)

#param Source

param :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_param) => ReactComponent (Record attrs)

#p Source

p :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_p) => ReactComponent (Record attrs)

#output Source

output :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_output) => ReactComponent (Record attrs)

#option Source

option :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_option) => ReactComponent (Record attrs)

#optgroup Source

optgroup :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_optgroup) => ReactComponent (Record attrs)

#ol Source

ol :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ol) => ReactComponent (Record attrs)

#object Source

object :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_object) => ReactComponent (Record attrs)

#noscript Source

noscript :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_noscript) => ReactComponent (Record attrs)

#nav Source

nav :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_nav) => ReactComponent (Record attrs)

#motionComponentImpl Source

motionComponentImpl :: forall a. String -> ReactComponent (Record a)

#meter Source

meter :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_meter) => ReactComponent (Record attrs)

#metadata Source

metadata :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_metadata) => ReactComponent (Record attrs)

#meta Source

meta :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_meta) => ReactComponent (Record attrs)

#menuitem Source

menuitem :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_menuitem) => ReactComponent (Record attrs)

#mask Source

mask :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_mask) => ReactComponent (Record attrs)

#marker Source

marker :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_marker) => ReactComponent (Record attrs)

#mark Source

mark :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_mark) => ReactComponent (Record attrs)

#map Source

map :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_map) => ReactComponent (Record attrs)

#main Source

main :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_main) => ReactComponent (Record attrs)

#link Source

link :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_link) => ReactComponent (Record attrs)

#linearGradient Source

linearGradient :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_linearGradient) => ReactComponent (Record attrs)

#line Source

line :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_line) => ReactComponent (Record attrs)

#li Source

li :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_li) => ReactComponent (Record attrs)

#legend Source

legend :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_legend) => ReactComponent (Record attrs)

#label Source

label :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_label) => ReactComponent (Record attrs)

#keygen Source

keygen :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_keygen) => ReactComponent (Record attrs)

#kbd Source

kbd :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_kbd) => ReactComponent (Record attrs)

#ins Source

ins :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ins) => ReactComponent (Record attrs)

#input Source

input :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_input) => ReactComponent (Record attrs)

#img Source

img :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_img) => ReactComponent (Record attrs)

#image Source

image :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_image) => ReactComponent (Record attrs)

#iframe Source

iframe :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_iframe) => ReactComponent (Record attrs)

#i Source

i :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_i) => ReactComponent (Record attrs)

#html Source

html :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_html) => ReactComponent (Record attrs)

#hr Source

hr :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_hr) => ReactComponent (Record attrs)

#hgroup Source

hgroup :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_hgroup) => ReactComponent (Record attrs)

#head Source

head :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_head) => ReactComponent (Record attrs)

#h6 Source

h6 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h6) => ReactComponent (Record attrs)

#h5 Source

h5 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h5) => ReactComponent (Record attrs)

#h4 Source

h4 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h4) => ReactComponent (Record attrs)

#h3 Source

h3 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h3) => ReactComponent (Record attrs)

#h2 Source

h2 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h2) => ReactComponent (Record attrs)

#h1 Source

h1 :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_h1) => ReactComponent (Record attrs)

#g Source

g :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_g) => ReactComponent (Record attrs)

#form Source

form :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_form) => ReactComponent (Record attrs)

#foreignObject Source

foreignObject :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_foreignObject) => ReactComponent (Record attrs)

#filter Source

filter :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_filter) => ReactComponent (Record attrs)

#figure Source

figure :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_figure) => ReactComponent (Record attrs)

#figcaption Source

figcaption :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_figcaption) => ReactComponent (Record attrs)

#fieldset Source

fieldset :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_fieldset) => ReactComponent (Record attrs)

#feTurbulence Source

feTurbulence :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feTurbulence) => ReactComponent (Record attrs)

#feTile Source

feTile :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feTile) => ReactComponent (Record attrs)

#feSpotLight Source

feSpotLight :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feSpotLight) => ReactComponent (Record attrs)

#feSpecularLighting Source

feSpecularLighting :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feSpecularLighting) => ReactComponent (Record attrs)

#fePointLight Source

fePointLight :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_fePointLight) => ReactComponent (Record attrs)

#feOffset Source

feOffset :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feOffset) => ReactComponent (Record attrs)

#feMorphology Source

feMorphology :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feMorphology) => ReactComponent (Record attrs)

#feMergeNode Source

feMergeNode :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feMergeNode) => ReactComponent (Record attrs)

#feMerge Source

feMerge :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feMerge) => ReactComponent (Record attrs)

#feImage Source

feImage :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feImage) => ReactComponent (Record attrs)

#feGaussianBlur Source

feGaussianBlur :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feGaussianBlur) => ReactComponent (Record attrs)

#feFuncR Source

feFuncR :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFuncR) => ReactComponent (Record attrs)

#feFuncG Source

feFuncG :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFuncG) => ReactComponent (Record attrs)

#feFuncB Source

feFuncB :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFuncB) => ReactComponent (Record attrs)

#feFuncA Source

feFuncA :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFuncA) => ReactComponent (Record attrs)

#feFlood Source

feFlood :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feFlood) => ReactComponent (Record attrs)

#feDropShadow Source

feDropShadow :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feDropShadow) => ReactComponent (Record attrs)

#feDistantLight Source

feDistantLight :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feDistantLight) => ReactComponent (Record attrs)

#feDisplacementMap Source

feDisplacementMap :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feDisplacementMap) => ReactComponent (Record attrs)

#feDiffuseLighting Source

feDiffuseLighting :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feDiffuseLighting) => ReactComponent (Record attrs)

#feConvolveMatrix Source

feConvolveMatrix :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feConvolveMatrix) => ReactComponent (Record attrs)

#feComposite Source

feComposite :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feComposite) => ReactComponent (Record attrs)

#feComponentTransfer Source

feComponentTransfer :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feComponentTransfer) => ReactComponent (Record attrs)

#feColorMatrix Source

feColorMatrix :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feColorMatrix) => ReactComponent (Record attrs)

#feBlend Source

feBlend :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_feBlend) => ReactComponent (Record attrs)

#embed Source

embed :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_embed) => ReactComponent (Record attrs)

#em Source

em :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_em) => ReactComponent (Record attrs)

#ellipse Source

ellipse :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_ellipse) => ReactComponent (Record attrs)

#dt Source

dt :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dt) => ReactComponent (Record attrs)

#dl Source

dl :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dl) => ReactComponent (Record attrs)

#div Source

div :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_div) => ReactComponent (Record attrs)

#dialog Source

dialog :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dialog) => ReactComponent (Record attrs)

#dfn Source

dfn :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dfn) => ReactComponent (Record attrs)

#details Source

details :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_details) => ReactComponent (Record attrs)

#desc Source

desc :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_desc) => ReactComponent (Record attrs)

#del Source

del :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_del) => ReactComponent (Record attrs)

#defs Source

defs :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_defs) => ReactComponent (Record attrs)

#dd Source

dd :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_dd) => ReactComponent (Record attrs)

#datalist Source

datalist :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_datalist) => ReactComponent (Record attrs)

#custom Source

custom :: forall old. ReactComponent (Record old) -> Effect (ReactComponent (Record (MotionProps old)))

#colgroup Source

colgroup :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_colgroup) => ReactComponent (Record attrs)

#col Source

col :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_col) => ReactComponent (Record attrs)

#code Source

code :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_code) => ReactComponent (Record attrs)

#clipPath Source

clipPath :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_clipPath) => ReactComponent (Record attrs)

#cite Source

cite :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_cite) => ReactComponent (Record attrs)

#circle Source

circle :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_circle) => ReactComponent (Record attrs)

#caption Source

caption :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_caption) => ReactComponent (Record attrs)

#canvas Source

canvas :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_canvas) => ReactComponent (Record attrs)

#button Source

button :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_button) => ReactComponent (Record attrs)

#br Source

br :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_br) => ReactComponent (Record attrs)

#body Source

body :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_body) => ReactComponent (Record attrs)

#blockquote Source

blockquote :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_blockquote) => ReactComponent (Record attrs)

#bdo Source

bdo :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_bdo) => ReactComponent (Record attrs)

#bdi Source

bdi :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_bdi) => ReactComponent (Record attrs)

#base Source

base :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_base) => ReactComponent (Record attrs)

#b Source

b :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_b) => ReactComponent (Record attrs)

#audio Source

audio :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_audio) => ReactComponent (Record attrs)

#aside Source

aside :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_aside) => ReactComponent (Record attrs)

#article Source

article :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_article) => ReactComponent (Record attrs)

#area Source

area :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_area) => ReactComponent (Record attrs)

#address Source

address :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_address) => ReactComponent (Record attrs)

#abbr Source

abbr :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_abbr) => ReactComponent (Record attrs)

#_data Source

_data :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_data) => ReactComponent (Record attrs)

Re-exports from Framer.Motion.Types

#WhileTap Source

type WhileTap = TargetAndTransition |+| String |+| Undefined

#WhileHover Source

type WhileHover = (EffectFn2 MouseEvent EventInfo Unit) |+| Undefined

#Variants Source

type Variants = CSS |+| Undefined

#VariantLabel Source

newtype VariantLabel

Constructors

VariantLabel String

Instances

(IsSymbol sym) => MappingWithIndex MakeVariantLabel (Proxy sym) a VariantLabel

#Transition Source

type Transition = CSS |+| Undefined

#TargetAndTransition Source

type TargetAndTransition = CSS

#Target Source

data Target

Constructors

Target

#TapInfo Source

type TapInfo = { x :: Number, y :: Number }

#Point2D Source

type Point2D = { x :: Number, y :: Number }

#PanInfo Source

type PanInfo = { delta :: Point2D, offset :: Point2D, point :: Point2D, velocity :: Point2D }

#OnViewportBoxUpdate Source

type OnViewportBoxUpdate = (EffectFn2 AxisBox2D BoxDelta Unit) |+| Undefined

#OnTapStart Source

type OnTapStart = (EffectFn2 Event TapInfo Unit) |+| Undefined

#OnTapEnd Source

type OnTapEnd = (EffectFn2 Event TapInfo Unit) |+| Undefined

#OnTapCancel Source

type OnTapCancel = (EffectFn2 Event TapInfo Unit) |+| Undefined

#OnTap Source

type OnTap = (EffectFn2 Event TapInfo Unit) |+| Undefined

#OnPanStart Source

type OnPanStart = (EffectFn2 Event PanInfo Unit) |+| Undefined

#OnPanEnd Source

type OnPanEnd = (EffectFn2 Event PanInfo Unit) |+| Undefined

#OnPan Source

type OnPan = (EffectFn2 Event PanInfo Unit) |+| Undefined

#OnLayoutAnimationComplete Source

type OnLayoutAnimationComplete = (Effect Unit) |+| Undefined

#OnHoverStart Source

type OnHoverStart = (EffectFn2 MouseEvent EventInfo Unit) |+| Undefined

#OnHoverEnd Source

type OnHoverEnd = (EffectFn2 MouseEvent EventInfo Unit) |+| Undefined

#OnDragStart Source

type OnDragStart = (EffectFn2 Event PanInfo Unit) |+| Undefined

#OnDragEnd Source

type OnDragEnd = (EffectFn2 Event PanInfo Unit) |+| Undefined

#OnDrag Source

type OnDrag = (EffectFn2 Event PanInfo Unit) |+| Undefined

#OnAnimationStart Source

type OnAnimationStart = (Effect Unit) |+| Undefined

#OnAnimationComplete Source

type OnAnimationComplete = (EffectFn1 AnimationDefinition Unit) |+| Undefined

#MotionPropsF Source

type MotionPropsF f r = (animate :: f Animate, custom :: f Foreign, drag :: f Drag, dragConstraints :: f DragConstraints, dragElastic :: f DragElastic, dragMomentum :: f DragMomentum, dragPropagation :: f DragPropagation, exit :: f Exit, initial :: f Initial, layout :: f Layout, layoutId :: f LayoutId, onAnimationComplete :: f OnAnimationComplete, onAnimationStart :: f OnAnimationStart, onDrag :: f OnDrag, onDragEnd :: f OnDragEnd, onDragStart :: f OnDragStart, onHoverEnd :: f OnHoverEnd, onHoverStart :: f OnHoverStart, onLayoutAnimationComplete :: f OnLayoutAnimationComplete, onPan :: f OnPan, onPanEnd :: f OnPanEnd, onPanStart :: f OnPanStart, onTap :: f OnTap, onTapCancel :: f OnTapCancel, onTapEnd :: f OnTapEnd, onTapStart :: f OnTapStart, onViewportBoxUpdate :: f OnViewportBoxUpdate, transition :: f Transition, variants :: f Variants, whileHover :: f WhileHover, whileTap :: f WhileTap | r)

#MotionProps Source

type MotionProps r = MotionPropsF Id r

#MakeVariantLabel Source

data MakeVariantLabel

Constructors

MakeVariantLabel

Instances

(IsSymbol sym) => MappingWithIndex MakeVariantLabel (Proxy sym) a VariantLabel

#LayoutTransition Source

type LayoutTransition = Boolean |+| Undefined

#LayoutId Source

type LayoutId = String |+| Undefined

#Layout Source

type Layout = Boolean |+| Undefined

#Initial Source

type Initial = Boolean |+| CSS |+| VariantLabel |+| (Array VariantLabel) |+| Undefined

#Infinity Source

data Infinity :: Type

#Id Source

type Id a = a

#Exit Source

type Exit = CSS |+| VariantLabel |+| (Array VariantLabel) |+| Undefined

#EventInfo Source

type EventInfo = { point :: { x :: Number, y :: Number } }

#DragPropagation Source

type DragPropagation = Boolean |+| Undefined

#DragMomentum Source

type DragMomentum = Boolean |+| Undefined

#DragElastic Source

type DragElastic = Boolean |+| Number |+| BoundingBox2D |+| Undefined

#DragConstraints Source

type DragConstraints = (Ref (Nullable Node)) |+| BoundingBox2D |+| Undefined

#Drag Source

type Drag = Boolean |+| String |+| Undefined

#BoxDelta Source

type BoxDelta = { x :: AxisDelta, y :: AxisDelta }

#BoundingBox2D Source

type BoundingBox2D = { bottom :: Int |+| Number |+| Undefined, left :: Int |+| Number |+| Undefined, right :: Int |+| Number |+| Undefined, top :: Int |+| Number |+| Undefined }

#AxisDelta Source

type AxisDelta = { origin :: Number, originPoint :: Number, scale :: Number, translate :: Number }

#AxisBox2D Source

type AxisBox2D = { x :: Axis, y :: Axis }

#Axis Source

type Axis = { max :: Number, min :: Number }

#AnimationPlaybackControls Source

data AnimationPlaybackControls :: Type

#AnimationDefinition Source

type AnimationDefinition = Foreign

#AnimationControls Source

data AnimationControls :: Type

#AnimateSharedLayoutType Source

newtype AnimateSharedLayoutType

Constructors

AnimateSharedLayoutType String

#AnimateSharedLayoutProps Source

type AnimateSharedLayoutProps = (children :: Array JSX, type :: AnimateSharedLayoutType)

#AnimatePresenceProps Source

type AnimatePresenceProps = (children :: Array JSX, custom :: forall a. a, exitBeforeEnter :: Boolean, initial :: Boolean, onExitComplete :: Effect Unit)

#Animate Source

type Animate = CSS |+| VariantLabel |+| (Array VariantLabel) |+| AnimationControls |+| Undefined

#EffectFnMaker Source

class EffectFnMaker fn effectFn | fn -> effectFn where

Members

toEffectFn :: fn -> effectFn

Instances

EffectFnMaker (a -> b -> Effect c) (EffectFn2 a b c)
EffectFnMaker (a -> Effect b) (EffectFn1 a b)

#whileTap Source

whileTap :: forall c. Castable c WhileTap => c -> WhileTap

#whileHover Source

whileHover :: forall c. Castable c WhileHover => c -> WhileHover

#variantsFromObject Source

variantsFromObject :: forall o. Object o -> Variants

#variants Source

variants :: forall r. Record r -> Variants

#transition Source

transition :: forall r. Record r -> Transition

#switch Source

switch :: AnimateSharedLayoutType

#prop Source

prop :: forall a b. Castable a b => a -> b

#onViewportBoxUpdate Source

onViewportBoxUpdate :: (AxisBox2D -> BoxDelta -> Effect Unit) -> OnViewportBoxUpdate

#onTapStart Source

onTapStart :: (Event -> TapInfo -> Effect Unit) -> OnTapStart

#onTapEnd Source

onTapEnd :: (Event -> TapInfo -> Effect Unit) -> OnTapEnd

#onTapCancel Source

onTapCancel :: (Event -> TapInfo -> Effect Unit) -> OnTap

#onTap Source

onTap :: (Event -> TapInfo -> Effect Unit) -> OnTap

#onPanStart Source

onPanStart :: (Event -> PanInfo -> Effect Unit) -> OnPanStart

#onPanEnd Source

onPanEnd :: (Event -> PanInfo -> Effect Unit) -> OnPanEnd

#onPan Source

onPan :: (Event -> PanInfo -> Effect Unit) -> OnPan

#onLayoutAnimationComplete Source

onLayoutAnimationComplete :: Effect Unit -> OnLayoutAnimationComplete

#onHoverStart Source

onHoverStart :: (MouseEvent -> EventInfo -> Effect Unit) -> OnHoverStart

#onHoverEnd Source

onHoverEnd :: (MouseEvent -> EventInfo -> Effect Unit) -> OnHoverEnd

#onDragStart Source

onDragStart :: (Event -> PanInfo -> Effect Unit) -> OnDragStart

#onDragEnd Source

onDragEnd :: (Event -> PanInfo -> Effect Unit) -> OnDragEnd

#onDrag Source

onDrag :: (Event -> PanInfo -> Effect Unit) -> OnDrag

#onAnimationStart Source

onAnimationStart :: (Effect Unit) -> OnAnimationStart

#onAnimationComplete Source

onAnimationComplete :: (AnimationDefinition -> Effect Unit) -> OnAnimationComplete

#makeVariantLabels Source

makeVariantLabels :: forall a b. HMapWithIndex MakeVariantLabel a b => a -> b

#layoutId Source

layoutId :: forall a. Castable a LayoutId => a -> LayoutId

#layout Source

layout :: forall a. Castable a Layout => a -> Layout

#initial Source

initial :: forall a. Castable a Initial => a -> Initial

#infinity Source

infinity :: Infinity

#exit Source

exit :: forall a. Castable a Exit => a -> Exit

#dragPropagation Source

dragPropagation :: forall a. Castable a DragPropagation => a -> DragPropagation

#dragMomentum Source

dragMomentum :: forall c. Castable c DragMomentum => c -> DragMomentum

#dragElasticBoundingBox Source

dragElasticBoundingBox :: forall a. Castable a BoundingBox2D => a -> DragElastic

#dragElastic Source

dragElastic :: forall c. Castable c DragElastic => c -> DragElastic

#dragConstraintsBoundingBox Source

dragConstraintsBoundingBox :: forall a. Castable a BoundingBox2D => a -> DragConstraints

#dragConstraints Source

dragConstraints :: forall a. Castable a DragConstraints => a -> DragConstraints

#drag Source

drag :: forall a. Castable a Drag => a -> Drag

#customProp Source

customProp :: forall a. a -> Foreign

#crossfade Source

crossfade :: AnimateSharedLayoutType

#callback Source

callback :: forall a c f. Castable c a => EffectFnMaker f c => f -> a

#boundingBox2D Source

boundingBox2D :: forall c. Castable c BoundingBox2D => c -> BoundingBox2D

#animate Source

animate :: forall a. Castable a Animate => a -> Animate

Modules: Framer.Motion; Framer.Motion.Hook; Framer.Motion.MotionComponent; Framer.Motion.Types; MotionValue

Framer.Motion

#motion Source

#withMotion Source

#animatePresence Source

#animateSharedLayout Source

#startAnimation Source

#startAnimationDynamic Source

#startAnimationVariant Source

#stopAnimation Source

Re-exports from Framer.Motion.MotionComponent

#wbr Source

#view Source

#video Source

#var Source

#use Source

#ul Source

#u Source

#tspan Source

#track Source

#tr Source

#title Source

#time Source

#thead Source

#th Source

#tfoot Source

#textarea Source

#textPath Source

#text Source

#td Source

#tbody Source

#table Source

#symbol Source

#svgSwitch Source

#svgAnimate Source

#svg Source

#sup Source

#summary Source

#sub Source

#style Source

#strong Source

#stop Source

#span Source

#source Source

#small Source

#select Source

#section Source

#script Source

#samp Source

#s Source

#ruby Source

#rt Source

#rp Source

#rect Source

#radialGradient Source

#q Source

#progress Source

#pre Source

#polyline Source

#polygon Source

#picture Source

#pattern Source

#path Source

#param Source

#p Source

#output Source

#option Source

#optgroup Source

#ol Source

#object Source

#noscript Source

#nav Source

#motionComponentImpl Source

#meter Source

#metadata Source

#meta Source

#menuitem Source

#menu Source

#mask Source

#marker Source

#mark Source