yzsd/lib/button/demo/button-group.js

a niubi UI component

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _yzsd = require("yzsd");
/**
 * title: 多个按扭组合
 * description: 可以将多个 `Button` 放入 `Button.Group` 的容器中。通过设置 `size` 为 `large` `small` 分别把按钮组合设为大、小尺寸。若不设置 `size`，则尺寸为中。
 */

var App = function App() {
  var ButtonGroup = _yzsd.Button.Group;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_yzsd.Button, null, "Cancel"), /*#__PURE__*/_react["default"].createElement(_yzsd.Button, null, "OK")), /*#__PURE__*/_react["default"].createElement(ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_yzsd.Button, {
    disabled: true
  }, "L"), /*#__PURE__*/_react["default"].createElement(_yzsd.Button, {
    disabled: true
  }, "M"), /*#__PURE__*/_react["default"].createElement(_yzsd.Button, {
    disabled: true
  }, "R")), /*#__PURE__*/_react["default"].createElement(ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_yzsd.Button, null, "L"), /*#__PURE__*/_react["default"].createElement(_yzsd.Button, null, "M"), /*#__PURE__*/_react["default"].createElement(_yzsd.Button, null, "R")));
};
var _default = App;
exports["default"] = _default;