@alicloud/console-components
Version:
Alibaba Cloud React Components
25 lines (24 loc) • 1.15 kB
JavaScript
/**
* title: "语意（以默认信息条状态为例）"
* description: "通过 type 属性设置信息条状态"
*/
import React from 'react';
import { Button, Notification } from '@alicloud/console-components';
var openNotification = function (type, content) {
if (content === void 0) { content = '提醒内容置于页面右上，边距各8px'; }
Notification.open({
content: content,
type: type,
duration: 100000,
});
};
export default (function () {
return (React.createElement(React.Fragment, null,
React.createElement(Button, { type: "primary", onClick: function () { return openNotification('notice'); } }, "\u9AD8\u4EAE"),
"\u00A0",
React.createElement(Button, { type: "primary", onClick: function () { return openNotification('success'); } }, "\u6210\u529F"),
"\u00A0",
React.createElement(Button, { type: "primary", onClick: function () { return openNotification('warning'); } }, "\u4F4E\u5371"),
"\u00A0",
React.createElement(Button, { type: "primary", onClick: function () { return openNotification('error'); } }, "\u9AD8\u5371")));
});