0.0.3 • Published 8 years ago
rc-icon-anim v0.0.3
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 startExample
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 |