yzsd
Version:
a niubi UI component
17 lines • 1.1 kB
JavaScript
/**
* title: 多个按扭组合
* description: 可以将多个 `Button` 放入 `Button.Group` 的容器中。通过设置 `size` 为 `large` `small` 分别把按钮组合设为大、小尺寸。若不设置 `size`，则尺寸为中。
*/
import React from 'react';
import { Button } from 'yzsd';
var App = function App() {
var ButtonGroup = Button.Group;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "Cancel"), /*#__PURE__*/React.createElement(Button, null, "OK")), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
disabled: true
}, "L"), /*#__PURE__*/React.createElement(Button, {
disabled: true
}, "M"), /*#__PURE__*/React.createElement(Button, {
disabled: true
}, "R")), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "L"), /*#__PURE__*/React.createElement(Button, null, "M"), /*#__PURE__*/React.createElement(Button, null, "R")));
};
export default App;