Module

Framer.Motion.Hook

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

#UseAnimation Source

data UseAnimation t0

#UseViewportScroll Source

#useTransformMap Source

useTransformMap :: forall a b. MotionValue a -> (a -> b) -> Hook (UseTransform a) (MotionValue b)

#useTransformMapE Source

useTransformMapE :: forall a b. (a -> Effect b) -> MotionValue a -> Hook (UseTransform b) (MotionValue b)

#useTransformEffect Source

#useSpringWithMotionValue Source

#useSpringWithNumber Source

#UseSpring Source

data UseSpring t0 t1

#SpringProps Source

type SpringProps = { damping :: Number |+| Int |+| Undefined, from :: Number |+| Int |+| Undefined, mass :: Number |+| Int |+| Undefined, restDelta :: Number |+| Int |+| Undefined, restSpeed :: Number |+| Int |+| Undefined, stiffness :: Number |+| Int |+| Undefined, to :: Number |+| Int |+| Undefined, velocity :: Number |+| Int |+| Undefined }

#UseTransform Source

data UseTransform t0 t1

#ViewportScrollValues Source

type ViewportScrollValues = { scrollX :: MotionValue Number, scrollXProgress :: MotionValue Number, scrollY :: MotionValue Number, scrollYProgress :: MotionValue Number }

#TransformOptions Source

type TransformOptions :: forall k. k -> Typetype TransformOptions a = { clamp :: Maybe Boolean, ease :: Maybe Ease }

#Ease Source

data Ease

#UseInView Source

data UseInView t0

#InViewOptions Source

#useAnimate Source

useAnimate :: Hook (UseAnimate) { animate :: AnimateFunction, scope :: Ref (Nullable Node) }

#UseAnimate Source

data UseAnimate t0

#AnimateFunction Source

#UseDragControls Source

#useMotionValueEvent Source

#UseMotionValueEvent Source

#UseVelocity Source

data UseVelocity t0

#UseTime Source

data UseTime t0

#UseAnimationFrame Source

#UseReducedMotion Source

#UseWillChange Source

#useScroll Source

useScroll :: forall attrs attrs_. Union attrs attrs_ UseScrollOptions => Record attrs -> Hook UseScroll ViewportScrollValues

#UseScroll Source

data UseScroll t0