File tree Expand file tree Collapse file tree 1 file changed +8
-2
lines changed Expand file tree Collapse file tree 1 file changed +8
-2
lines changed Original file line number Diff line number Diff line change @@ -28,6 +28,10 @@ These can be used with the top-level spaces ViewPort and Fixed and within other
28
28
29
29
Spaces can be used by importing the spaces using the following:
30
30
31
+ ``` typescript
32
+ npm i react - spaces
33
+ ```
34
+
31
35
``` typescript
32
36
import * as Spaces from ' react-spaces' ;
33
37
```
@@ -36,6 +40,8 @@ import * as Spaces from 'react-spaces';
36
40
37
41
Non-resizable spaces provide layout but can not be resized by user interaction.
38
42
43
+ [ Example on codesandbox.io] ( https://codesandbox.io/s/react-shapes-left-right-spaces-ml4kl?fontsize=14 )
44
+
39
45
### Left and right spaces
40
46
41
47
``` typescript
@@ -68,11 +74,11 @@ Resizable spaces allow the space to be resized by dragging with the mouse. The s
68
74
69
75
``` typescript
70
76
const App = () => (
71
- < Space .Fixed height = { 400 } >
77
+ < Space .ViewPort >
72
78
< Space .LeftResizable size = {200 } / >
73
79
< Space .Fill / >
74
80
< Space .RightResizable size = {200 } / >
75
- < / Space .Fixed >
81
+ < / Space .ViewPort >
76
82
)
77
83
```
78
84
You can’t perform that action at this time.
0 commit comments