@cainiaofe/cn-ui-m
Version:
31 lines (30 loc) • 2.25 kB
JavaScript
import * as React from 'react';
import { CnCheckbox, CnCheckboxGroup, CnDemoPage, CnDemoBlock, CnBox, } from "../../..";
export var 复选框样式 = function () {
return (React.createElement(CnDemoPage, { title: "\u590D\u9009\u6846\u5E03\u5C40" },
React.createElement(CnDemoBlock, { title: '排列样式' },
React.createElement(CnBox, { spacing: 12, direction: "row", align: "center" },
React.createElement("div", null, "\u9ED8\u8BA4:"),
React.createElement(CnCheckboxGroup, null,
React.createElement(CnCheckbox, { value: '1' }, "\u9009\u9879 1"),
React.createElement(CnCheckbox, { value: '2' }, "\u9009\u9879 2"),
React.createElement(CnCheckbox, { value: '3' }, "\u9009\u9879 3"),
React.createElement(CnCheckbox, { value: '4' }, "\u9009\u9879 4"),
React.createElement(CnCheckbox, { value: '5' }, "\u9009\u9879 5"))),
React.createElement(CnBox, { spacing: 12, direction: "row", align: "center" },
React.createElement("div", null, "\u6A2A\u5411\u6392\u5217:"),
React.createElement(CnCheckboxGroup, { direction: 'hoz' },
React.createElement(CnCheckbox, { value: '1' }, "\u9009\u9879 1"),
React.createElement(CnCheckbox, { value: '2' }, "\u9009\u9879 2"),
React.createElement(CnCheckbox, { value: '3' }, "\u9009\u9879 3"),
React.createElement(CnCheckbox, { value: '4' }, "\u9009\u9879 4"),
React.createElement(CnCheckbox, { value: '5' }, "\u9009\u9879 5")))),
React.createElement(CnDemoBlock, { title: '形状' },
React.createElement(CnCheckboxGroup, { shape: "tag" },
React.createElement(CnCheckbox, { value: '1' }, "\u9009\u9879 1"),
React.createElement(CnCheckbox, { value: '2' }, "\u9009\u9879 2"),
React.createElement(CnCheckbox, { value: '3' }, "\u9009\u9879 3"),
React.createElement(CnCheckbox, { value: '4' }, "\u9009\u9879 4"),
React.createElement(CnCheckbox, { value: '5' }, "\u9009\u9879 5")))));
};
export default { title: 'demo/CnCheckbox' };