@alicloud/console-components
Version:
Alibaba Cloud React Components
23 lines (22 loc) • 1.14 kB
JavaScript
/**
* title: "交互"
* description: "Checkbox 组件使用，分 label 和无 label 两种情况。defaultChecked 属性默认选中，checked 属性选中，disabled 属性不可操作，defaultIndeterminate 属性设置半选状态。"
*/
import React from 'react';
import { Checkbox } from '@alicloud/console-components';
export default (function () {
return (React.createElement("div", null,
React.createElement(Checkbox, null, "\u6587\u672C\u4FE1\u606F"),
"\u00A0",
React.createElement(Checkbox, { checked: true }, "\u6587\u672C\u4FE1\u606F"),
"\u00A0",
React.createElement(Checkbox, { defaultIndeterminate: true }, "\u6587\u672C\u4FE1\u606F"),
"\u00A0",
React.createElement("br", null),
React.createElement("br", null),
React.createElement(Checkbox, { disabled: true }, "\u6587\u672C\u4FE1\u606F"),
"\u00A0",
React.createElement(Checkbox, { disabled: true, checked: true }, "\u6587\u672C\u4FE1\u606F"),
"\u00A0",
React.createElement(Checkbox, { disabled: true, defaultIndeterminate: true }, "\u6587\u672C\u4FE1\u606F")));
});