@itwin/itwinui-layouts-react
Version:
iTwinUI package that provides React components for most common layouts
34 lines (33 loc) • 1.73 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FluidGrid = void 0;
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
var react_1 = __importDefault(require("react"));
var classnames_1 = __importDefault(require("classnames"));
/**
* Fluid grid automatically positions children to screen width.
* Children count per row calculation is based on `minItemWidth` which by default is 256px.
*/
var FluidGrid = function (props) {
var className = props.className, style = props.style, children = props.children, _a = props.minItemWidth, minItemWidth = _a === void 0 ? 256 : _a;
return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-layouts-fluid-grid', className), style: __assign({ '--_iui-grid-item-min-width': "".concat(minItemWidth, "px") }, style) }, children));
};
exports.FluidGrid = FluidGrid;
exports.default = exports.FluidGrid;