Skip to content

Commit e479403

Browse files
committed
improve docs
1 parent 5a07c12 commit e479403

File tree

1 file changed

+7
-25
lines changed

1 file changed

+7
-25
lines changed

src/GradientHover.md

Lines changed: 7 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -24,33 +24,15 @@ import { GradientHover } from "react-gradient-hover";
2424

2525
## Multiple Gradient Colors
2626

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.
2828

2929
```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>
5436
```
5537

5638
## Interactive Playground

0 commit comments

Comments
 (0)