icon-animate-xxl
v0.1.1
Published
Icon animations for react-native compatible with oblador vector-icons
Downloads
9
Maintainers
Readme
n# icon-animate-xxl Icon animations for react-native compatible with oblador vector-icons
Installation
- Run:
$ npm i icon-animate-xxl
- In your Project:
import IconAnimate from "icon-animate-xxl"
Example
import React from "react";
import {View} from "react-native";
import IconAnimate from "icon-animate-xxl"
export default function App() {
return (
<View>
<IconAnimate
name={"heart"}
color={"#f45"}
size={20}
animation={"explode"}
doppelganger={"heart-o"}
animation={"explode"}
/>
</View>
);
}
});
Properties
You can build your animated icon with these props:
| Prop | Description | Default |
| ------------------ | --------------------------------------------------------------------------------------------------- | --------- |
| name
| Name of icon, use for exampleheart
. | None |
| size
| Icon size. | 20 |
| **
color** | Text and icon color, use
iconStyleor nest a
Text component if you need different colors. | _None_ |
| **
animation** | write the different animation options. | "explode" |
| **
doppelganger`** | this is an animation effect for explode which shows a mirror effect of the icon like a doppelganger | None |
License
This project is licenced under the MIT License.
Any bundled fonts are copyright to their respective authors and mostly under MIT or SIL OFL.y bundled fonts are copyright to their respective authors and mostly under MIT or SIL OFL.