1.3.4 • Published 8 years ago
planett-layout v1.3.4
Planett Layout
Install
npm install planett-layout --save
Example
'use strict';
import React from 'react';
import ReactDOM from 'react-dom';
import {Grid, Cell} from 'planett-layout';
class Example extends React.Component {
render() {
return (
<div>
<Grid>
{[1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1].map((d, i) => {
return (
<Cell key={i}
col={[d, d, d]}
>{d}</Cell>
);
})}
</Grid>
<Grid>
{[4, 4, 4].map((d, i) => {
return (
<Cell key={i}
col={[d, d, d]}
>{d}</Cell>
);
})}
</Grid>
<Grid>
<Cell col={[6, 4, 2]} />
<Cell col={[6, 4, 2]} />
</Grid>
</div>
);
}
};
(() => {
ReactDOM.render(
<Example />,
document.getElementById('root')
);
})();
History
Layout
deprecated.- Now use
radium
to build component.col
- (desktop size), (tablet size), (phone size) If element incol
is 0, this will be setdisplay: none
.total
- (desktop size), (tablet size), (phone size) (default: 12, 8, 4).
1.3.4
8 years ago
1.3.3
8 years ago
1.3.2
8 years ago
1.3.1
8 years ago
1.3.0
8 years ago
1.2.2
8 years ago
1.2.1
8 years ago
1.2.0
8 years ago
1.1.1
8 years ago
1.1.0
8 years ago
1.0.12
8 years ago
1.0.11
8 years ago
1.0.10
8 years ago
1.0.9
8 years ago
1.0.8
8 years ago
1.0.7
8 years ago
1.0.6
8 years ago
1.0.5
8 years ago
1.0.4
8 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago