Skip to content

Commit a81910e

Browse files
authored
Update README.md
1 parent 7d409f5 commit a81910e

File tree

1 file changed

+23
-3
lines changed

1 file changed

+23
-3
lines changed

README.md

Lines changed: 23 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -153,14 +153,34 @@ const App = () => (
153153

154154
Anchored spaces can be stacked to provide more than one space on each side. To guarantee ordering from the outside of the container / parent space, you should specify an order.
155155

156-
### Stacked Left/right spaces
156+
### Stacked left spaces
157157

158158
```typescript
159159
const App = () => (
160160
<Space.Fixed height={400}>
161-
<Space.LeftResizable size={125} />
162-
<Space.LeftResizable size={125} />
161+
<Space.LeftResizable size={125} order={1} />
162+
<Space.LeftResizable size={125} order={2} />
163163
<Space.Fill />
164164
</Space.Fixed>
165165
)
166166
```
167+
168+
## Scrollable spaces
169+
170+
By default, all spaces hide content that overflows the space. To make a particular space scrollable, set the **scrollable** property to **true**. The space will then be scrollable horizontally or vertically if the content overflows the space.
171+
172+
## Getting size information for a space
173+
174+
Using the **SpaceInfo** component, you can get size information on the containing space.
175+
176+
```typescript
177+
const App = () => (
178+
<Space.Fixed height={400}>
179+
<Space.Fill>
180+
<Space.SpaceInfo>
181+
{info => <span>{info.width}px x {info.height}px</span>}
182+
</Space.SpaceInfo>
183+
</Space.Fill>
184+
</Space.Fixed>
185+
)
186+
```

0 commit comments

Comments
 (0)