File tree Expand file tree Collapse file tree 1 file changed +35
-36
lines changed Expand file tree Collapse file tree 1 file changed +35
-36
lines changed Original file line number Diff line number Diff line change @@ -25,43 +25,42 @@ npm install --save react-planet
2525<img src =" doc/example1.png " width =" 40% " >
2626
2727``` jsx
28- import { Planet } from ' react-planet;
28+ import { Planet } from ' react-planet' ;
2929
3030export function MyPlanet () {
31-
32- return (
33- <Planet
34- centerContent={
35- <div
36- style={{
37- height: 100,
38- width: 100,
39- borderRadius: ' 50%' ,
40- backgroundColor: ' #1da8a4' ,
41- }}
42- />
43- }
44- open
45- autoClose
46- >
47- <div
48- style={{
49- height: 70,
50- width: 70,
51- borderRadius: ' 50%' ,
52- backgroundColor: ' #9257ad' ,
53- }}
54- />
55- <div
56- style={{
57- height: 70,
58- width: 70,
59- borderRadius: ' 50%' ,
60- backgroundColor: ' #9257ad' ,
61- }}
62- />
63- </Planet>
64- );
31+ return (
32+ < Planet
33+ centerContent= {
34+ < div
35+ style= {{
36+ height: 100 ,
37+ width: 100 ,
38+ borderRadius: ' 50%' ,
39+ backgroundColor: ' #1da8a4' ,
40+ }}
41+ / >
42+ }
43+ open
44+ autoClose
45+ >
46+ < div
47+ style= {{
48+ height: 70 ,
49+ width: 70 ,
50+ borderRadius: ' 50%' ,
51+ backgroundColor: ' #9257ad' ,
52+ }}
53+ / >
54+ < div
55+ style= {{
56+ height: 70 ,
57+ width: 70 ,
58+ borderRadius: ' 50%' ,
59+ backgroundColor: ' #9257ad' ,
60+ }}
61+ / >
62+ < / Planet>
63+ );
6564}
6665```
6766
@@ -129,7 +128,7 @@ Nested planets
129128
130129Code: [ /src/stories/Planet.stories.tsx] ( /src/stories/Planet.stories.tsx )
131130
132- ## Face the space
131+ ## Fake the space
133132
134133<img src =" doc/react-planet_space.gif " width =" 30% " >
135134
You can’t perform that action at this time.
0 commit comments