@itwin/itwinui-layouts-react
Version:
iTwinUI package that provides React components for most common layouts
27 lines (26 loc) • 1.37 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);
};
/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
import React from 'react';
import cx from 'classnames';
/**
* Fluid grid automatically positions children to screen width.
* Children count per row calculation is based on `minItemWidth` which by default is 256px.
*/
export 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.createElement("div", { className: cx('iui-layouts-fluid-grid', className), style: __assign({ '--_iui-grid-item-min-width': "".concat(minItemWidth, "px") }, style) }, children));
};
export default FluidGrid;