You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+3-9Lines changed: 3 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -16,13 +16,9 @@ Used at the top level of all other spaces.
16
16
17
17
These can be used within the top-level spaces **ViewPort** and **Fixed** or nested within other spaces.
18
18
19
-
***Left** - a space anchored to the left of the parent container/space. A size can be specified in pixels to determine its width.
19
+
***Left**/ **Right**- a space anchored to the left or right of the parent container/space. A size can be specified in pixels to determine its width.
20
20
21
-
***Right** - a space anchored to the right of the parent container/space. A size can be specified in pixels to determine its width.
22
-
23
-
***Top** - a space anchored to the top of the parent container/space. A size can be specified in pixels to determine its height.
24
-
25
-
***Bottom** - a space anchored to the bottom of the parent container/space. A size can be specified in pixels to determine its height.
21
+
***Top** / **Bottom** - a space anchored to the top or bottom of the parent container/space. A size can be specified in pixels to determine its height.
26
22
27
23
***Fill** - a space which consumes any available area left in the parent container/space taking into account any anchored spaces on every side.
28
24
@@ -42,8 +38,6 @@ import * as Spaces from 'react-spaces';
42
38
43
39
Non-resizable spaces provide layout but can not be resized by user interaction.
44
40
45
-
[Example on codesandbox.io](https://codesandbox.io/s/react-shapes-left-right-spaces-ml4kl?fontsize=14)
46
-
47
41
### Left and right spaces
48
42
49
43
```typescript
@@ -70,7 +64,7 @@ const App = () => (
70
64
71
65
## Resizable spaces
72
66
73
-
Resizable spaces allow the space to be resized by dragging with the mouse. The size specified is the initial width/height of the space. There are resizable variations of the spaces above calledLeftResizable, RightResizable, TopResizable, and BottomResizable.
67
+
Resizable spaces allow the space to be resized by dragging with the mouse. The size specified is the initial width/height of the space. There are resizable variations of the spaces above called **LeftResizable**, **RightResizable**, **TopResizable**, and **BottomResizable**.
0 commit comments