en-US

You can choose more than one.

zh-CN

可选择多个。

import React from 'react';

import { DCheckbox } from '@react-devui/ui';

const list = [1, 2, 3].map((n) => ({
  label: `Checkbox ${n}`,
  value: n,
  disabled: n === 2,
}));
export default function Demo() {
  return (
    <>
      <DCheckbox.Group dList={list} />
      <br />
      <DCheckbox.Group dList={list} dDisabled />
      <br />
      <DCheckbox.GroupRenderer
        dList={list}
        dRender={(nodes) => (
          <div className="row g-2">
            {React.Children.map(nodes, (node) => (
              <div className="col-12 col-md-6 col-lg-4">{node}</div>
            ))}
          </div>
        )}
      />
      <br />
      <DCheckbox.Group dList={list} dVertical />
    </>
  );
}