@alicloud/console-components
Version:
Alibaba Cloud React Components
31 lines (30 loc) • 778 B
JavaScript
/**
* title: "纵向排列"
* description: "通过direction属性控制选项排列方向。"
*/
import React, { useState } from 'react';
import { Checkbox } from '@alicloud/console-components';
var List = [
{
label: '文本信息',
value: 'A',
},
{
label: '文本信息',
value: 'B',
},
{
label: '文本信息',
value: 'C',
disabled: true,
},
{
label: '文本信息',
value: 'D',
},
];
export default (function () {
var _a = useState([]), checkedList = _a[0], setCheckedList = _a[1];
return (React.createElement("div", null,
React.createElement(Checkbox.Group, { dataSource: List, value: checkedList, direction: "ver", onChange: setCheckedList })));
});