@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 1.85 kB
JavaScript
import * as React from 'react';
import { CnCheckbox, CnCheckboxGroup, CnDemoBlock, CnDemoPage, CnBox, } from "../../..";
export var 状态 = function () {
return (React.createElement(CnDemoPage, { title: "\u72B6\u6001" },
React.createElement(CnDemoBlock, { title: "CnCheckbox\u72B6\u6001" },
React.createElement(CnCheckbox, { checked: true }, "\u9009\u4E2D\u72B6\u6001"),
React.createElement(CnCheckbox, { disabled: true }, "\u7981\u7528\u72B6\u6001"),
React.createElement(CnCheckbox, { disabled: true, checked: true }, "\u9009\u4E2D+\u7981\u7528"),
React.createElement(CnCheckbox, { indeterminate: true }, "\u534A\u9009\uFF08indeterminate\uFF09"),
React.createElement(CnCheckbox, { indeterminate: true, disabled: true }, "\u534A\u9009+\u7981\u7528")),
React.createElement(CnDemoBlock, { title: "CnCheckboxGroup\u72B6\u6001" },
React.createElement(CnBox, { spacing: 12 },
React.createElement("div", null, "\u9009\u4E2D\u72B6\u6001"),
React.createElement(CnCheckboxGroup, { value: ['b', 'c'], direction: "hoz" },
React.createElement(CnCheckbox, { value: "a" }, "Apple"),
React.createElement(CnCheckbox, { value: "b" }, "Banana"),
React.createElement(CnCheckbox, { value: "c" }, "Cherry")),
React.createElement("div", null, "\u7981\u7528\u72B6\u6001"),
React.createElement(CnCheckboxGroup, { value: ['b', 'c'], disabled: true, 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' };