File tree 5 files changed +9890
-21
lines changed
5 files changed +9890
-21
lines changed Original file line number Diff line number Diff line change @@ -6,7 +6,6 @@ node_modules
6
6
7
7
# builds
8
8
build
9
- dist
10
9
11
10
# misc
12
11
.DS_Store
Original file line number Diff line number Diff line change 4
4
- original work by [ thierryc] ( https://github.com/thierryc )
5
5
- dependencies
6
6
- [ react-fullscreen] ( https://github.com/snakesilk/react-fullscreen )
7
+ - peer dependencies
8
+ - react18
9
+ - react-dom 18
7
10
- [ framer-motion] ( https://github.com/framer/motion/tree/main/packages/framer-motion )
8
11
9
12
## Install
@@ -22,30 +25,41 @@ bun add git@github.com:noahehall/react-fullerpage.git
22
25
* FYI-2: you need to set backgroundColor for fullscreen mode
23
26
* else it goes black, dunno, ignoring
24
27
*/
25
- import {ReactFP , FPContainer , FPItem } from ' react-fullerpage'
28
+ import { ReactFP , FPContainer , FPItem } from " react-fullerpage" ;
26
29
27
30
export const App = () => (
28
31
< ReactFP>
29
32
< FPContainer>
30
- < FPItem style= {{
31
- backgroundColor: ' lime' ,
32
- height: ' 80vh' , // defaults to 100vh
33
- padding: ' 1em' ,
34
- }}> 1 < / FPItem>
33
+ < FPItem
34
+ style= {{
35
+ backgroundColor: " lime" ,
36
+ height: " 80vh" , // defaults to 100vh
37
+ padding: " 1em" ,
38
+ }}
39
+ >
40
+ 1
41
+ < / FPItem>
35
42
36
- < FPItem style= {{
37
- backgroundColor: ' coral' ,
38
- padding: ' 1em' ,
39
- }}> 2 < / FPItem>
43
+ < FPItem
44
+ style= {{
45
+ backgroundColor: " coral" ,
46
+ padding: " 1em" ,
47
+ }}
48
+ >
49
+ 2
50
+ < / FPItem>
40
51
41
- < FPItem style= {{
42
- backgroundColor: ' firebrick' ,
43
- padding: ' 1em' ,
44
- }}> 3 < / FPItem>
52
+ < FPItem
53
+ style= {{
54
+ backgroundColor: " firebrick" ,
55
+ padding: " 1em" ,
56
+ }}
57
+ >
58
+ 3
59
+ < / FPItem>
45
60
< / FPContainer>
46
61
< / ReactFP>
47
- )
48
-
62
+ );
49
63
```
50
64
51
65
## License (MIT)
You can’t perform that action at this time.
0 commit comments