@alicloud/console-components
Version:
Alibaba Cloud React Components
18 lines (17 loc) • 874 B
JavaScript
/**
* title: "下拉按钮"
* description: "最简单的用法。支持 Button 的 shape, type, size, component, ghost 等属性透传"
*/
import React from 'react';
import { MenuButton } from '@alicloud/console-components';
var centerStyle = {
display: 'flex',
gap: '16px',
};
export default (function () {
var menuList = ['选项1', '选项2', '选项3'].map(function (item) { return (React.createElement(MenuButton.Item, { key: item }, item)); });
return (React.createElement("div", { style: centerStyle },
React.createElement(MenuButton, { type: "primary", label: "\u57FA\u7840\u6309\u94AE" }, menuList),
React.createElement(MenuButton, { type: "secondary", label: "\u57FA\u7840\u6309\u94AE" }, menuList),
React.createElement(MenuButton, { label: "\u57FA\u7840\u6309\u94AE", type: "primary", disabled: true }, menuList)));
});