react-useanimations 2.0.6 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +1 -0
- package/index.js +57 -36
- package/lib/behance/behance.json +1 -0
- package/lib/behance/index.d.ts +3 -0
- package/lib/behance/index.js +16 -0
- package/lib/checkmark/checkmark.json +1 -0
- package/lib/checkmark/index.d.ts +3 -0
- package/lib/checkmark/index.js +16 -0
- package/lib/dribbble/dribbble.json +1 -0
- package/lib/dribbble/index.d.ts +3 -0
- package/lib/dribbble/index.js +16 -0
- package/lib/error/error.json +1 -0
- package/lib/error/index.d.ts +3 -0
- package/lib/error/index.js +16 -0
- package/lib/folder/folder.json +1 -0
- package/lib/folder/index.d.ts +3 -0
- package/lib/folder/index.js +16 -0
- package/lib/help/help.json +1 -0
- package/lib/help/index.d.ts +3 -0
- package/lib/help/index.js +16 -0
- package/lib/home/home.json +1 -0
- package/lib/home/index.d.ts +3 -0
- package/lib/home/index.js +16 -0
- package/lib/zoomIn/index.d.ts +3 -0
- package/lib/zoomIn/index.js +16 -0
- package/lib/zoomIn/zoomIn.json +1 -0
- package/lib/zoomOut/index.d.ts +3 -0
- package/lib/zoomOut/index.js +16 -0
- package/lib/zoomOut/zoomOut.json +1 -0
- package/package.json +3 -3
- package/stories/controlled.stories.d.ts +42 -1
- package/stories/controlled.stories.js +165 -3
- package/stories/generated.stories.d.ts +1 -0
- package/stories/generated.stories.js +108 -0
- package/stories/variants.stories.d.ts +11 -0
- package/stories/variants.stories.js +43 -1
- package/utils/constants.d.ts +1 -1
- package/utils/getEffect.js +10 -1
- package/README.md +0 -109
- package/README_v1 +0 -46
package/README_v1
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
## React UseAnimations Icons
|
|
2
|
-
|
|
3
|
-
[](https://www.npmjs.com/package/react-useanimations) [](https://www.npmjs.com/package/react-useanimations)
|
|
4
|
-
|
|
5
|
-
#### What is react-useanimations?
|
|
6
|
-
|
|
7
|
-
React-useanimations is a collection of free animated open source icons for React.js.
|
|
8
|
-
|
|
9
|
-
#### Collection
|
|
10
|
-
|
|
11
|
-
[https://react.useanimations.com](https://react.useanimations.com/) and play with examples.
|
|
12
|
-
|
|
13
|
-

|
|
14
|
-
|
|
15
|
-
### Installation
|
|
16
|
-
|
|
17
|
-
Using Yarn:
|
|
18
|
-
|
|
19
|
-
```
|
|
20
|
-
yarn add react-useanimations
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
or using NPM:
|
|
24
|
-
|
|
25
|
-
```
|
|
26
|
-
npm install react-useanimations
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
### Usage
|
|
30
|
-
This is README for v1, consider upgrading to v2, it will improve your performance - [react-useanimations@v1](https://github.com/useAnimations/react-useanimations/blob/master/README.md)
|
|
31
|
-
|
|
32
|
-
Basic Usage
|
|
33
|
-
```javascript
|
|
34
|
-
import React from 'react';
|
|
35
|
-
import UseAnimations from 'react-useanimations';
|
|
36
|
-
|
|
37
|
-
const App = () => <UseAnimations animationKey="github" />;
|
|
38
|
-
|
|
39
|
-
export default App;
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
Icons can be configured with inline props:
|
|
43
|
-
|
|
44
|
-
```javascript
|
|
45
|
-
<UseAnimations animationKey="alert" size={56} style={{ padding: 100 }} />
|
|
46
|
-
```
|