lucid-ui
Version:
A UI component library from AppNexus.
33 lines (32 loc) • 1.49 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Grid } from '../../../index';
const gridStyle = {
half: { background: '#0089c4' },
quarter: { background: '#f7403a' },
third: { background: '#3fa516', color: '#f3f3f3' },
full: { background: '#333333', color: '#f3f3f3' },
auto: { background: '#999999', color: '#f3f3f3' },
flexdefault: { background: '#feb209' },
sharedStyles: {
margin: 0,
padding: 0,
color: '#f3f3f3',
textAlign: 'center',
},
vertical: { height: '100px' },
};
export default createClass({
render() {
return (React.createElement("div", null,
React.createElement(Grid, null,
React.createElement(Grid.Cell, { isHalf: true, isOffsetHalf: true },
React.createElement("p", { style: { ...gridStyle.half, ...gridStyle.sharedStyles } }, "half with offset half"))),
React.createElement(Grid, null,
React.createElement(Grid.Cell, { isQuarter: true, isOffsetQuarter: true },
React.createElement("p", { style: { ...gridStyle.quarter, ...gridStyle.sharedStyles } }, "quarter with offset quarter"))),
React.createElement(Grid, null,
React.createElement(Grid.Cell, { isThird: true, isOffsetThird: true },
React.createElement("p", { style: { ...gridStyle.third, ...gridStyle.sharedStyles } }, "third with offset third")))));
},
});