rc-icon-anim

React IconAnim Component

Browser Support


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

npm install
npm start

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

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

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

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