@cainiaofe/cn-ui-m
Version:
24 lines (23 loc) • 1.67 kB
JavaScript
import * as React from 'react';
import { CnDemoPage, CnDemoBlock, CnButton, CnButtonGroup, CnBox, } from "../../..";
export var 尺寸 = function () {
return (React.createElement(CnDemoPage, { title: "\u5C3A\u5BF8" },
React.createElement(CnDemoBlock, { title: "\u8BBE\u7F6E\u5927\u5C0F" },
React.createElement(CnBox, { spacing: 12 },
React.createElement(CnBox, { spacing: 12, direction: "row", align: "center" },
React.createElement("div", null, "Large\uFF1A"),
React.createElement(CnButtonGroup, { size: "large" },
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE\u4E00"))),
React.createElement(CnBox, { spacing: 12, direction: "row", align: "center" },
React.createElement("div", null, "Medium"),
React.createElement(CnButtonGroup, { size: "medium" },
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE\u4E00"))),
React.createElement(CnBox, { spacing: 12, direction: "row", align: "center" },
React.createElement("div", null, "Small\uFF1A"),
React.createElement(CnButtonGroup, { size: "small" },
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, { type: "primary" }, "\u6309\u94AE\u4E00")))))));
};
export default { title: 'demo/CnButtonGroup' };