UNPKG

@dotconnor/grommet

Version:

focus on the essential experience

42 lines (35 loc) 1.31 kB
"use strict"; exports.__esModule = true; exports.NColumnGrid = void 0; var _react = _interopRequireDefault(require("react")); var _grommet = require("grommet"); var _themes = require("grommet/themes"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } var NColumnGrid = function NColumnGrid() { return /*#__PURE__*/_react["default"].createElement(_grommet.Grommet, { theme: _themes.grommet, full: true }, /*#__PURE__*/_react["default"].createElement(_grommet.Grid, { columns: { count: 6, size: 'auto' }, gap: "small" }, /*#__PURE__*/_react["default"].createElement(_grommet.Box, { background: "brand" }, "Item 1"), /*#__PURE__*/_react["default"].createElement(_grommet.Box, { background: "brand" }, "Item 2"), /*#__PURE__*/_react["default"].createElement(_grommet.Box, { background: "brand" }, "Item 3"), /*#__PURE__*/_react["default"].createElement(_grommet.Box, { background: "brand" }, "Item 4"), /*#__PURE__*/_react["default"].createElement(_grommet.Box, { background: "brand" }, "Item 5"), /*#__PURE__*/_react["default"].createElement(_grommet.Box, { background: "brand" }, "Item 6"))); }; exports.NColumnGrid = NColumnGrid; NColumnGrid.story = { name: 'N-column layout' };