@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 1.71 kB
JavaScript
import * as React from 'react';
import { CnCheckbox, CnCheckboxGroup, CnDemoBlock, CnDemoPage, CnBox, } from "../../..";
export var 尺寸 = function () {
return (React.createElement(CnDemoPage, { title: "CnCheckbox\u5C3A\u5BF8" },
React.createElement(CnDemoBlock, { title: "CnCheckbox\u5C3A\u5BF8" },
React.createElement(CnCheckbox, { size: "small" }, "Small"),
React.createElement(CnCheckbox, { size: "medium" }, "Medium"),
React.createElement(CnCheckbox, { size: "large" }, "Large")),
React.createElement(CnDemoBlock, { title: "CnCheckboxGroup\u5C3A\u5BF8" },
React.createElement(CnBox, { spacing: 20 },
React.createElement(CnCheckboxGroup, { size: "small", direction: "hoz" },
React.createElement(CnCheckbox, { value: "a" }, "Apple"),
React.createElement(CnCheckbox, { value: "b" }, "Banana"),
React.createElement(CnCheckbox, { value: "c" }, "Cherry")),
React.createElement(CnCheckboxGroup, { size: "medium", direction: "hoz" },
React.createElement(CnCheckbox, { value: "a" }, "Apple"),
React.createElement(CnCheckbox, { value: "b" }, "Banana"),
React.createElement(CnCheckbox, { value: "c" }, "Cherry")),
React.createElement(CnCheckboxGroup, { size: "large", direction: "hoz" },
React.createElement(CnCheckbox, { value: "a" }, "Apple"),
React.createElement(CnCheckbox, { value: "b" }, "Banana"),
React.createElement(CnCheckbox, { value: "c" }, "Cherry"))))));
};
export default { title: 'demo/CnCheckbox' };