rc-icon-anim

icon-anim ui component for react


Keywords
react, react-component, react-icon-anim, icon-anim
License
MIT
Install
npm install rc-icon-anim@0.0.3

Documentation

rc-icon-anim


React IconAnim Component

NPM version build status Test coverage gemnasium deps node version npm download

Browser Support

IE Chrome Firefox Opera Safari
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

rc-icon-anim

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