File tree Expand file tree Collapse file tree 1 file changed +7
-3
lines changed Expand file tree Collapse file tree 1 file changed +7
-3
lines changed Original file line number Diff line number Diff line change @@ -47,7 +47,7 @@ Each loader accepts a `loading` prop as a boolean. The loader will render `null`
47
47
48
48
``` tsx
49
49
import { useState , CSSProperties } from " react" ;
50
- import ClipLoader from " react-spinners/ClipLoader " ;
50
+ import { ClipLoader } from " react-spinners" ;
51
51
52
52
const override: CSSProperties = {
53
53
display: " block" ,
@@ -62,7 +62,11 @@ function App() {
62
62
return (
63
63
<div className = " sweet-loading" >
64
64
<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
+ />
66
70
67
71
<ClipLoader
68
72
color = { color }
@@ -83,7 +87,7 @@ export default App;
83
87
84
88
``` tsx
85
89
import React from " react" ;
86
- import ClipLoader from " react-spinners/ClipLoader " ;
90
+ import { ClipLoader } from " react-spinners" ;
87
91
88
92
const override: React .CSSProperties = {
89
93
display: " block" ,
You can’t perform that action at this time.
0 commit comments