How to use the react-motion.presets function in react-motion

To help you get started, weā€™ve selected a few react-motion examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github hew / react-scroll-horizontal / dist / react-scroll-horizontal.js View on Github external
value: function render() {
      var _this4 = this;

      var _props = this.props,
          config = _props.config,
          style = _props.style;
      var width = style.width,
          height = style.height;

      var springConfig = config ? config : _reactMotion.presets.noWobble;

      // Styles
      var styles = _extends({
        height: height ? height : '100%',
        width: width ? width : '100%',
        overflow: 'hidden',
        position: 'relative'
      }, styles);

      return _react2.default.createElement(
        'div',
        {
          onWheel: this.onScrollStart,
          ref: function ref(r) {
            _this4.hScrollParent = r;
          },
github souporserious / react-fluid-container / lib / FluidContainer.js View on Github external
var FluidContainer = (function (_Component) {
  _inherits(FluidContainer, _Component);

  _createClass(FluidContainer, null, [{
    key: 'propTypes',
    value: privateProps,
    enumerable: true
  }, {
    key: 'defaultProps',
    value: {
      tag: 'div',
      height: 'auto',
      rmConfig: _reactMotion.presets.noWobble,
      beforeAnimation: noop,
      afterAnimation: noop
    },
    enumerable: true
  }]);

  function FluidContainer(props) {
    var _this = this;

    _classCallCheck(this, FluidContainer);

    _get(Object.getPrototypeOf(FluidContainer.prototype), 'constructor', this).call(this, props);

    this._handleMeasure = function (_ref) {
      var height = _ref.height;