grommet
Version:
focus on the essential experience
62 lines (61 loc) • 2.21 kB
JavaScript
;
exports.__esModule = true;
exports["default"] = exports.All = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _grommet = require("grommet");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var headingFiller = "\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\ntempor incididunt ut labore et dolore magna aliqua.\n";
var longWord = 'Supercalifragilisticexpialidocious';
var H = function H(_ref) {
var level = _ref.level,
size = _ref.size;
return /*#__PURE__*/_react["default"].createElement(_grommet.Heading, {
level: level,
size: size
}, "Heading " + level + " " + size);
};
H.propTypes = {
level: _propTypes["default"].number.isRequired,
size: _propTypes["default"].string.isRequired
};
var Set = function Set(_ref2) {
var size = _ref2.size;
return /*#__PURE__*/_react["default"].createElement("div", null, [1, 2, 3, 4, 5, 6].map(function (level) {
return /*#__PURE__*/_react["default"].createElement(H, {
key: level,
level: level,
size: size
});
}));
};
Set.propTypes = {
size: _propTypes["default"].string.isRequired
};
var All = exports.All = function All() {
return (
/*#__PURE__*/
// Uncomment <Grommet> lines when using outside of storybook
// <Grommet theme={...}>
_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_grommet.Grid, {
columns: "large",
gap: "medium"
}, /*#__PURE__*/_react["default"].createElement(Set, {
size: "medium"
}), /*#__PURE__*/_react["default"].createElement(Set, {
size: "small"
}), /*#__PURE__*/_react["default"].createElement(Set, {
size: "large"
}), /*#__PURE__*/_react["default"].createElement(Set, {
size: "xlarge"
})), /*#__PURE__*/_react["default"].createElement(_grommet.Heading, {
fill: true
}, headingFiller), /*#__PURE__*/_react["default"].createElement(_grommet.Heading, {
fill: true
}, longWord))
// </Grommet>
);
};
var _default = exports["default"] = {
title: 'Type/Heading/All'
};