lucid-ui
Version:
A UI component library from AppNexus.
30 lines (29 loc) • 2.28 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Selection, Resizer } from '../../../index';
export default createClass({
render() {
return (React.createElement(Resizer, null, width => {
const responsiveMode = width >= 400 ? 'large' : 'small';
return (React.createElement("div", null,
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { isRemovable: false, responsiveMode: responsiveMode, kind: 'container', Label: 'Container Light Not Removable' })),
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { responsiveMode: responsiveMode, kind: 'container', Label: 'Container Light' })),
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { isFilled: true, isRemovable: false, responsiveMode: responsiveMode, kind: 'container', Label: 'Container Filled Not Removable' })),
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { isFilled: true, responsiveMode: responsiveMode, kind: 'container', Label: 'Container Filled' })),
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { responsiveMode: responsiveMode, Label: 'Default' })),
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { responsiveMode: responsiveMode, kind: 'success', Label: 'Success' })),
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { responsiveMode: responsiveMode, kind: 'danger', Label: 'Danger' })),
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { responsiveMode: responsiveMode, kind: 'info', Label: 'Info' })),
React.createElement("div", { style: { margin: '10px' } },
React.createElement(Selection, { responsiveMode: responsiveMode, kind: 'warning', Label: 'Warning' }))));
}));
},
});