-
Notifications
You must be signed in to change notification settings - Fork 7
/
LongChild.jsx
34 lines (31 loc) · 1.22 KB
/
LongChild.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
"use strict";
var React = require('react/addons'),
{Layout} = require('../src/index');
var LongChild = React.createClass({
render() {
var outline = {
outline: "1px solid #000"
};
return (
<Layout {...this.props} orientation="vertical">
<Layout size="300px" style={outline}>
I'm 300px.
</Layout>
<Layout style={outline}>
I'm 1.
</Layout>
<Layout orientation="horizontal" size="weight 3" style={{overflowX: "auto", overflowY: "hidden"}}>
<Layout size="2 ofParent" orientation="horizontal">
<Layout style={outline}>Page 1: I'm 3 high and half a page wide</Layout>
<Layout size="weight 2" style={outline}>Page 2: I'm 3 high and a whole page wide</Layout>
<Layout style={outline}>Page 3: I'm 3 high and half a page wide</Layout>
</Layout>
</Layout>
<Layout size="0.2 ofParent" style={outline}>
I'm 0.2 ofParent.
</Layout>
</Layout>
);
}
});
module.exports = LongChild;