lucid-ui
Version:
A UI component library from AppNexus.
30 lines (29 loc) • 1.19 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Resizer } from '../../../index';
export default createClass({
render() {
return (React.createElement("div", { style: {
display: 'flex',
} },
React.createElement("div", null, "Other content"),
React.createElement(Resizer, { style: {
flexGrow: 1,
overflow: 'hidden',
} }, width => (React.createElement("div", { style: {
width,
height: width * 0.3,
border: '1px solid black',
} },
React.createElement("div", null,
"When using Resizer within a flexed container, its critical to add ",
React.createElement("code", null, "flexGrow: 1, overflow: 'hidden'"),
" to its styles so it will behave correctly."),
React.createElement("div", null,
"Width: ",
width),
React.createElement("div", null,
"Height: ",
width * 0.3))))));
},
});