@cainiaofe/cn-ui-m
Version:
29 lines (28 loc) • 1.1 kB
JavaScript
import React from 'react';
import { CnButton, CnCard, CnDemoPage, CnPopover, CnBox, } from "../../..";
import './demo4.scss';
var placements = [
'left',
'top',
'right',
'bottom',
'left-end',
'left-start',
'top-end',
'top-start',
'right-end',
'right-start',
'bottom-end',
'bottom-start',
];
export var 气泡位置 = function () {
return (React.createElement(CnDemoPage, { title: "\u6C14\u6CE1\u4F4D\u7F6E" },
React.createElement(CnCard, { title: "\u6C14\u6CE1\u4F4D\u7F6E" },
React.createElement(CnBox, { spacing: 10, align: "center", justify: "center" }, placements.map(function (item) { return (React.createElement(CnPopover, { trigger: "click", content: React.createElement(React.Fragment, null,
"Popover",
React.createElement("br", null),
"Content"), placement: item },
React.createElement("div", { style: { padding: '5px 0' } },
React.createElement(CnButton, null, item)))); })))));
};
export default { title: 'demo/CnPopover' };