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.

github rodrigopivi / aida / typescript / web / components / Landing / LandingSecondary.tsx View on Github external
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;
github rodrigopivi / aida / typescript / web / components / Landing / LandingMain.tsx View on Github external
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

MIT
Latest version published 3 years ago

Package Health Score

57 / 100
Full package analysis

Popular rc-queue-anim functions