@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 1.67 kB
JavaScript
import React from 'react';
import { CnDemoBlock, CnDemoPage, CnSelect, CnSelectOption, } from "../../..";
var data = Array.from(new Array(20)).map(function (_, i) { return ({
label: "\u9009\u9879 ".concat(i),
value: i,
}); });
export var 基本 = function () {
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnDemoBlock, { padding: 0, title: "\u57FA\u672C" },
React.createElement(CnSelect, { placeholder: "\u53F3\u5BF9\u9F50", align: "right" },
React.createElement(CnSelectOption, { value: 1 }, "\u9009\u9879 1"),
React.createElement(CnSelectOption, { value: 2 }, "\u9009\u9879 2"),
React.createElement(CnSelectOption, { value: 3 }, "\u9009\u9879 3")),
React.createElement(CnSelect, { placeholder: "\u4E0D\u663E\u793A\u7BAD\u5934", showIcon: false },
React.createElement(CnSelectOption, { value: 1 }, "\u9009\u9879 1"),
React.createElement(CnSelectOption, { value: 2 }, "\u9009\u9879 2"),
React.createElement(CnSelectOption, { value: 3 }, "\u9009\u9879 3")),
React.createElement(CnSelect, { placeholder: "\u8BBE\u7F6E\u6807\u9898", drawerTitle: "\u6807\u9898" },
React.createElement(CnSelectOption, { value: 1 }, "\u9009\u9879 1"),
React.createElement(CnSelectOption, { value: 2 }, "\u9009\u9879 2"),
React.createElement(CnSelectOption, { value: 3 }, "\u9009\u9879 3")),
React.createElement(CnSelect, { placeholder: "\u4F7F\u7528 DataSource", dataSource: data }))));
};
export default { title: 'demo/CnSelect' };