grommet
Version:
focus on the essential experience
45 lines (44 loc) • 1.25 kB
JavaScript
"use strict";
exports.__esModule = true;
exports["default"] = exports.Reverse = void 0;
var _react = _interopRequireDefault(require("react"));
var _grommet = require("grommet");
var _grommetIcons = require("grommet-icons");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var ReverseMenu = function ReverseMenu() {
return /*#__PURE__*/_react["default"].createElement(_grommet.Box, {
align: "center",
pad: "large"
}, /*#__PURE__*/_react["default"].createElement(_grommet.Menu, {
dropProps: {
align: {
top: 'bottom',
left: 'left'
}
},
label: "actions",
items: [{
label: 'Home'
}, {
label: 'Profile',
icon: /*#__PURE__*/_react["default"].createElement(_grommetIcons.User, null),
gap: 'small'
}, {
label: 'Logout',
icon: /*#__PURE__*/_react["default"].createElement(_grommetIcons.Power, null),
reverse: true,
gap: 'small'
}]
}));
};
var Reverse = exports.Reverse = function Reverse() {
return /*#__PURE__*/_react["default"].createElement(ReverseMenu, null);
};
Reverse.parameters = {
chromatic: {
disable: true
}
};
var _default = exports["default"] = {
title: 'Controls/Menu/Reverse'
};