@types/react-motion

property gentle

gentle: OpaqueConfig;

property noWobble

noWobble: OpaqueConfig;

property stiff

stiff: OpaqueConfig;

property wobbly

wobbly: OpaqueConfig;

property children

children?: ((interpolatedStyle: PlainStyle) => JSX.Element) | undefined;

• Callback with your interpolated styles. Must return one react element to render

  Parameter interpolatedStyle

property defaultStyle

defaultStyle?: PlainStyle | undefined;

• The default style. Being ignored on subsequent renders Object with same keys as in style whose values are the initial numbers you're interpolating on

property onRest

onRest?: (() => void) | undefined;

• The callback that fires when the animation comes to a rest.

property style

style: Style;

• Object that maps to either number or opaque config returned by spring(). Must keep same keys throughout component's existence

property damping

damping: number;

property precision

precision: number;

property stiffness

stiffness: number;

property val

val: number;

property damping

damping?: number | undefined;

• Specifies damping 26

property precision

precision?: number | undefined;

• Specifies both the rounding of the interpolated value and the speed (internal). 0.01

property stiffness

stiffness?: number | undefined;

• Specified stiffness 170

property children

children: (interpolatedStyles: any) => React.ReactElement;

property defaultStyles

defaultStyles?: PlainStyle[] | undefined;

• Default styles

property styles

styles: (previousInterpolatedStyles?: PlainStyle[]) => Style[];

• Styles to interpolate

  Parameter previousInterpolatedStyles

  The previously interpolating (array of) styles (undefined at first render, unless defaultStyles is provided).

property data

data?: any;

property key

key: string;

property style

style: PlainStyle;

property children

children?:
    | ((interpolatedStyles: TransitionPlainStyle[]) => JSX.Element)
    | undefined;

property defaultStyles

defaultStyles?: TransitionPlainStyle[] | undefined;

• Default styles on first render

property didLeave

didLeave?: ((styleThatLeft: TransitionStyle) => void) | undefined;

• Triggers when an element has disappeared

  Parameter styleThatLeft

property styles

styles: TransitionStyle[] | InterpolateFunction;

• Styles to interpolate. Accepts array of TransitionStyle objects or interpolated function similar as for

property willEnter

willEnter?: ((styleThatEntered: TransitionStyle) => PlainStyle) | undefined;

• Triggers when a new element will appear

  Parameter styleThatEntered

property willLeave

willLeave?: ((styleThatLeft: TransitionStyle) => Style | void) | undefined;

• Triggers when an element will disappear

  Parameter styleThatLeft

property data

data?: any;

• Anything you'd like to carry along. Will be preserved on re-renders until key off

property key

key: string;

• The ID that TransitionMotion uses to track which configuration is which across renders, even when things are reordered. Typically reused as the component key when you map over the interpolated styles.

property style

style: Style;

• Actual starting style configuration