Skip to content

Commit e5f38d3

Browse files
authored
Update README.md
1 parent a28198a commit e5f38d3

File tree

1 file changed

+22
-2
lines changed

1 file changed

+22
-2
lines changed

README.md

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,12 +32,32 @@ A space anchored to the left or right of the parent container/space. A size can
3232

3333
A space anchored to the top or bottom of the parent container/space. A size can be specified in pixels or as a percentage to determine its height.
3434

35+
There are resizable versions of these components called **\<LeftResizable /\>**, **\<RightResizable /\>**, **\<TopResizable /\>** and **\<BottomResizable /\>** which allow the spaces to be resized from the outer edge by dragging with the mouse.
36+
3537
### Other
3638

3739
**\<Fill /\>**
3840

3941
A space which consumes any available area left in the parent container/space taking into account any anchored spaces on every side.
4042

43+
**\<Layer /\>**
44+
45+
Layers allow you to create layers within a parent space, for example:
46+
47+
```html
48+
<ViewPort>
49+
50+
<Layer zIndex={0}>
51+
<LeftResizable size="20%" /> // floating sidebar
52+
</Layer>
53+
54+
<Layer zIndex={1}>
55+
<Fill />
56+
</Layer>
57+
58+
</ViewPort>
59+
```
60+
4161
**\<Centered /\>**
4262

4363
Centres the content of a space horizontally and vertically.
@@ -61,9 +81,9 @@ import * as Spaces from 'react-spaces';
6181
View full documentation [here](https://www.allaneagle.com/react-spaces/demo/).
6282

6383
## Donation
64-
If you find this library useful, consider making a small donation to fund a cup of coffee or more:
84+
If you find this library useful, consider making a small donation to fund a cup of coffee:
6585

6686
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=AAYPWGUQBUDAA"
67-
title="If you find this library useful, consider making a small donation to fund a cup of coffee or more ..." alt="Make Donation" style="text-decoration: none;">
87+
title="If you find this library useful, consider making a small donation to fund a cup of coffee" alt="Make Donation" style="text-decoration: none;">
6888
<img src="https://www.allaneagle.com/donation.png" />
6989
</a>

0 commit comments

Comments
 (0)