How to use the rc-queue-anim.default function in rc-queue-anim
To help you get started, we’ve selected a few rc-queue-anim 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.
rodrigopivi / aida / typescript / web / components / Landing / LandingSecondary.tsx View on Github 
import { Col, Icon, Row } from 'antd';
import Link from 'gatsby-link';
import * as React from 'react';
import styled from 'styled-components';
// tslint:disable-next-line:no-var-requires
const QueueAnim = require('rc-queue-anim').default;
const Wrapper = styled.section`
width: 100%;
padding: 0;
overflow: hidden;
background: #f8fafe;
padding-bottom: 100px;
overflow: initial;
min-height: 372px;
.page {
width: 90%;
max-width: 1200px;
margin: auto;
position: relative;
h2 {
margin-bottom: 30px;import { Button, Col, Row } from 'antd';
import Link from 'gatsby-link';
import * as React from 'react';
import styled from 'styled-components';
import { ColoredText } from '../Logo';
import LandingImage from './LandingImage';
// tslint:disable-next-line:no-var-requires
const QueueAnim = require('rc-queue-anim').default;
// tslint:disable-next-line:no-var-requires
const OverPack = require('rc-scroll-anim/lib/ScrollOverPack');
const OP = styled(OverPack)`
background-color: #f8fafe;
width: 100%;
padding: 0;
overflow: hidden;
min-height: 405px;
.page {
width: 90%;
max-width: 1200px;
margin: auto;
position: relative;
h2 {
margin-bottom: 30px;rc-queue-anim
Queue animation component for react
