/**
 * title: "纵向排列"
 * description: "通过direction属性控制选项排列方向。"
 */
import React, { useState } from 'react';
import { Checkbox } from '@alicloud/console-components';

const List = [
  {
    label: '文本信息',
    value: 'A',
  },
  {
    label: '文本信息',
    value: 'B',
  },
  {
    label: '文本信息',
    value: 'C',
    disabled: true,
  },
  {
    label: '文本信息',
    value: 'D',
  },
];

export default () => {
  const [checkedList, setCheckedList] = useState<Array<any>>([]);
  return (
    <div>
      <Checkbox.Group
        dataSource={List}
        value={checkedList}
        direction="ver"
        onChange={setCheckedList}
      />
    </div>
  );
};