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
2828
2929Spaces can be used by importing the spaces using the following:
3030
31+ ``` typescript
32+ npm i react - spaces
33+ ```
34+
3135``` typescript
3236import * as Spaces from ' react-spaces' ;
3337```
@@ -36,6 +40,8 @@ import * as Spaces from 'react-spaces';
3640
3741Non-resizable spaces provide layout but can not be resized by user interaction.
3842
43+ [ Example on codesandbox.io] ( https://codesandbox.io/s/react-shapes-left-right-spaces-ml4kl?fontsize=14 )
44+
3945### Left and right spaces
4046
4147``` typescript
@@ -68,11 +74,11 @@ Resizable spaces allow the space to be resized by dragging with the mouse. The s
6874
6975``` typescript
7076const App = () => (
71- < Space .Fixed height = { 400 } >
77+ < Space .ViewPort >
7278 < Space .LeftResizable size = {200 } / >
7379 < Space .Fill / >
7480 < Space .RightResizable size = {200 } / >
75- < / Space .Fixed >
81+ < / Space .ViewPort >
7682)
7783```
7884
You can’t perform that action at this time.
0 commit comments