Skip to main content
Version: 0.60

Reference

Props​

decomposedMatrix​

Deprecated. Use the transform prop instead.

TypeRequired
DecomposedMatrixPropTypeNo

rotation​

TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No

scaleX​

TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No

scaleY​

TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No

transform​

transform accepts an array of transformation objects. Each object specifies the property that will be transformed as the key, and the value to use in the transformation. Objects should not be combined. Use a single key/value pair per object.

The rotate transformations require a string so that the transform may be expressed in degrees (deg) or radians (rad). For example:

transform([{ rotateX: '45deg' }, { rotateZ: '0.785398rad' }])

The skew transformations require a string so that the transform may be expressed in degrees (deg). For example:

transform([{ skewX: '45deg' }])

TypeRequired
array of object: {perspective: number}, ,object: {rotate: string}, ,object: {rotateX: string}, ,object: {rotateY: string}, ,object: {rotateZ: string}, ,object: {scale: number}, ,object: {scaleX: number}, ,object: {scaleY: number}, ,object: {translateX: number}, ,object: {translateY: number}, ,object: {skewX: string}, ,object: {skewY: string}No

transformMatrix​

Deprecated. Use the transform prop instead.

TypeRequired
TransformMatrixPropTypeNo

translateX​

TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No

translateY​

TypeRequired
deprecatedPropType(ReactPropTypes.number, 'Use the transform prop instead.')No