You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
778 B
31 lines
778 B
import React from 'react';
|
|
import { Checkbox, Col, Row } from 'antd';
|
|
import type { CheckboxValueType } from 'antd/es/checkbox/Group';
|
|
|
|
const onChange = (checkedValues: CheckboxValueType[]) => {
|
|
console.log('checked = ', checkedValues);
|
|
};
|
|
|
|
const App: React.FC = () => (
|
|
<Checkbox.Group style={{ width: '100%' }} onChange={onChange}>
|
|
<Row>
|
|
<Col span={8}>
|
|
<Checkbox value="A">A</Checkbox>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Checkbox value="B">B</Checkbox>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Checkbox value="C">C</Checkbox>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Checkbox value="D">D</Checkbox>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Checkbox value="E">E</Checkbox>
|
|
</Col>
|
|
</Row>
|
|
</Checkbox.Group>
|
|
);
|
|
|
|
export default App;
|
|
|