Skip to content

Commit e95b1b0

Browse files
authored
Update README.md
1 parent aa5f73c commit e95b1b0

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

README.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,10 @@ These can be used with the top-level spaces ViewPort and Fixed and within other
2828

2929
Spaces can be used by importing the spaces using the following:
3030

31+
```typescript
32+
npm i react-spaces
33+
```
34+
3135
```typescript
3236
import * as Spaces from 'react-spaces';
3337
```
@@ -36,6 +40,8 @@ import * as Spaces from 'react-spaces';
3640

3741
Non-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
7076
const 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

0 commit comments

Comments
 (0)