How to use the rc-animate.default function in rc-animate

To help you get started, we’ve selected a few rc-animate 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 arqex / react-tiles / src / components / FloatingWrapper.js View on Github external
var React = require('react'),
  Tile = require('./Tile'),
  assign = require('object-assign'),
  Animate = require('rc-animate').default,
  utils = require('../utils/TileUtils')
;

class FloatingWrapper extends React.Component {
  constructor(props){
    super(props);
    var dimensions = {},
      i = 0
    ;

    Object.keys(props.tiles).forEach( tileId => {
      dimensions[ tileId ] = this.getInitialTileDimensions(i++);
    });

    this.state = {
      dimensions: dimensions,
github arqex / react-tiles / src / components / TileWrapper.js View on Github external
var React = require('react'),
  ReactDOM = require('react-dom'),
  Tile = require('./Tile'),
  Animate = require('rc-animate').default,
  utils = require('../utils/TileUtils')
;

var sizeTypes = {
  column: 'clientHeight',
  row: 'clientWidth'
}

class TileWrapper extends React.Component {
  constructor(props){
    super(props);

    this.state = {
      sizes: this.getInitialSizes( props.layout.children.length ),
      updatingSizes: false,
      resizing: false,

rc-animate

css-transition ui component for react

MIT
Latest version published 4 years ago

Package Health Score

59 / 100
Full package analysis

Popular rc-animate functions