File tree Expand file tree Collapse file tree 1 file changed +7
-25
lines changed Expand file tree Collapse file tree 1 file changed +7
-25
lines changed Original file line number Diff line number Diff line change @@ -24,33 +24,15 @@ import { GradientHover } from "react-gradient-hover";
24
24
25
25
## Multiple Gradient Colors
26
26
27
- The component now supports any number of gradient colors:
27
+ The component supports multiple color stops. The more colors added, the higher the performance cost.
28
28
29
29
``` jsx
30
- <>
31
- < GradientHover
32
- colors= {[" #E95A45" , " #FCF2C1" , " #539C99" ]}
33
- style= {{ marginBottom: 10 }}
34
- >
35
- < div style= {{ padding: 20 }}> Three- color gradient< / div>
36
- < / GradientHover>
37
-
38
- < GradientHover
39
- colors= {[
40
- " #ef5350" ,
41
- " #f48fb1" ,
42
- " #7e57c2" ,
43
- " #2196f3" ,
44
- " #26c6da" ,
45
- " #43a047" ,
46
- " #eeff41" ,
47
- " #f9a825" ,
48
- " #ff5722" ,
49
- ]}
50
- >
51
- < div style= {{ padding: 20 }}> Multi- color gradient< / div>
52
- < / GradientHover>
53
- < / >
30
+ < GradientHover
31
+ colors= {[" #E95A45" , " #FCF2C1" , " #539C99" ]}
32
+ style= {{ marginBottom: 10 }}
33
+ >
34
+ < div style= {{ padding: 20 }}> Three- color gradient< / div>
35
+ < / GradientHover>
54
36
```
55
37
56
38
## Interactive Playground
You can’t perform that action at this time.
0 commit comments