Skip to content

Commit f97f3df

Browse files
authored
chore: update readme example to not use path import (#650)
update-import-rec
1 parent efb439a commit f97f3df

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

README.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ Each loader accepts a `loading` prop as a boolean. The loader will render `null`
4747

4848
```tsx
4949
import { useState, CSSProperties } from "react";
50-
import ClipLoader from "react-spinners/ClipLoader";
50+
import { ClipLoader } from "react-spinners";
5151

5252
const override: CSSProperties = {
5353
display: "block",
@@ -62,7 +62,11 @@ function App() {
6262
return (
6363
<div className="sweet-loading">
6464
<button onClick={() => setLoading(!loading)}>Toggle Loader</button>
65-
<input value={color} onChange={(input) => setColor(input.target.value)} placeholder="Color of the loader" />
65+
<input
66+
value={color}
67+
onChange={(input) => setColor(input.target.value)}
68+
placeholder="Color of the loader"
69+
/>
6670

6771
<ClipLoader
6872
color={color}
@@ -83,7 +87,7 @@ export default App;
8387

8488
```tsx
8589
import React from "react";
86-
import ClipLoader from "react-spinners/ClipLoader";
90+
import { ClipLoader } from "react-spinners";
8791

8892
const override: React.CSSProperties = {
8993
display: "block",

0 commit comments

Comments
 (0)