rc-icon-anim

React IconAnim Component

Browser Support

| | | | | | | --- | --- | --- | --- | --- | | IE 9+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |

Development

npm install
npm start

Example

http://localhost:8030/examples/

online example: http://react-component.github.io/icon-anim/

install

Usage

IconFontAnim

import IconAnim from 'rc-icon-anim';
const IconFontAnim = IconAnim.IconFontAnim;
React.render(<IconFontAnim type="left" />, container);

IconSVGAim

import IconAnim from 'rc-icon-anim';
const IconSVGAnim = IconAnim.IconSVGAnim;
React.render(<IconSVGAnim type="left" />, container);

API

IconFontAnim

| name | type | default | description | |------------|----------|--------------|-----------------------| | type | string | null | antd of icon name | | appear | bool | true | appear anim | | animType | string / object | leftToRight | animate type, provide : alpha leftToRight rightToLeft scale scaleBack scaleBig rotate rotateX rotateY left3dFlip right3dFlip top3dFlip bottom3dFlip rubberBand; if the is object: { appear, enter, leave }, appear is null, with enter,refer; | | component | string / React.Element | div | component tag |

IconSVGAnim

| name | type | default | description | |------------|----------|--------------|-----------------------| | type | string | null | provide: svg | | children | React.Element | null | children can not coexist with the type, Normative References svg | | appear | bool | true | appear anim | | animation | array | null | animType default provide: animTypeSVG, is null we will use scale | | viewBox | string | '0 0 1024 1024' | svg viewBox |