lucid-ui
Version:
A UI component library from AppNexus.
35 lines • 1.64 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", { style: {
display: 'flex',
} },
react_1.default.createElement("div", null, "Other content"),
react_1.default.createElement(index_1.Resizer, { style: {
flexGrow: 1,
overflow: 'hidden',
} }, function (width) { return (react_1.default.createElement("div", { style: {
width: width,
height: width * 0.3,
border: '1px solid black',
} },
react_1.default.createElement("div", null,
"When using Resizer within a flexed container, its critical to add ",
react_1.default.createElement("code", null, "flexGrow: 1, overflow: 'hidden'"),
" to its styles so it will behave correctly."),
react_1.default.createElement("div", null,
"Width: ",
width),
react_1.default.createElement("div", null,
"Height: ",
width * 0.3))); })));
},
});
//# sourceMappingURL=with-flex.js.map