layoutjs
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

npm version

LayoutJS

An abstraction over flexbox with semantic names for enhanced readability and maintainability. Done using the CSSinJS pattern.

Usage

var layout = require('layoutjs');
 
var Demo = React.createClass({
    render: function() {
        return <div className="demo" style={layout.horizontal}>
                    <div>One</div>
                    <div>Two</div>
                    <div>Three</div>
               </div>;
}

Checkout the complete demo

And a plnkr that you can mess with.

Inspiration

Inspired by polymer layout.html.

Package Sidebar

Install

npm i layoutjs

Weekly Downloads

5

Version

1.0.2

License

MIT

Last publish

Collaborators

  • basarat