@gfazioli/mantine-text-animate 1.0.0 → 1.0.1
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/README.md +16 -4
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
# Mantine TextAnimate Component
|
|
2
2
|
|
|
3
|
-
<div align="center">
|
|
4
3
|
|
|
5
|
-
|
|
4
|
+
https://github.com/user-attachments/assets/8bbeb7ef-9e1f-46ab-a105-cdd1e0040780
|
|
6
5
|
|
|
7
|
-
</div>
|
|
8
6
|
|
|
9
7
|
---
|
|
10
8
|
|
|
@@ -71,6 +69,9 @@ function Demo() {
|
|
|
71
69
|
|
|
72
70
|
### TextAnimate.Typewriter
|
|
73
71
|
|
|
72
|
+
https://github.com/user-attachments/assets/a665af0a-7845-4946-99e1-1c5802e16d46
|
|
73
|
+
|
|
74
|
+
|
|
74
75
|
```tsx
|
|
75
76
|
import { TextAnimate } from '@gfazioli/mantine-text-animate';
|
|
76
77
|
|
|
@@ -99,6 +100,9 @@ function Demo() {
|
|
|
99
100
|
|
|
100
101
|
### TextAnimate.Spinner
|
|
101
102
|
|
|
103
|
+
https://github.com/user-attachments/assets/53266b12-86a6-4b4d-8da4-ec9caa22aef4
|
|
104
|
+
|
|
105
|
+
|
|
102
106
|
```tsx
|
|
103
107
|
import { TextAnimate } from '@gfazioli/mantine-text-animate';
|
|
104
108
|
|
|
@@ -112,6 +116,10 @@ function Demo() {
|
|
|
112
116
|
### TextAnimate.NumberTicker
|
|
113
117
|
|
|
114
118
|
|
|
119
|
+
https://github.com/user-attachments/assets/31e08c53-0d59-42a5-bc16-98baedda91cd
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
115
123
|
```tsx
|
|
116
124
|
import { TextAnimate } from '@gfazioli/mantine-text-animate';
|
|
117
125
|
|
|
@@ -147,6 +155,10 @@ function Demo() {
|
|
|
147
155
|
### TextAnimate.TextTicker
|
|
148
156
|
|
|
149
157
|
|
|
158
|
+
https://github.com/user-attachments/assets/eaa647a4-2523-4d33-8aec-b303c447ffbb
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
|
|
150
162
|
```tsx
|
|
151
163
|
import { TextAnimate } from '@gfazioli/mantine-text-animate';
|
|
152
164
|
|
|
@@ -157,7 +169,7 @@ function Demo() {
|
|
|
157
169
|
}
|
|
158
170
|
```
|
|
159
171
|
|
|
160
|
-
####
|
|
172
|
+
#### useTextTicker
|
|
161
173
|
|
|
162
174
|
```tsx
|
|
163
175
|
import { useTextTicker } from '@gfazioli/mantine-text-animate'
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gfazioli/mantine-text-animate",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "TextAnimate component
|
|
3
|
+
"version": "1.0.1",
|
|
4
|
+
"description": "The `TextAnimate` component allows you to animate text with various effects.",
|
|
5
5
|
"homepage": "https://gfazioli.github.io/mantine-text-animate/",
|
|
6
6
|
"packageManager": "yarn@4.0.1",
|
|
7
7
|
"license": "MIT",
|