en-US

Use dMultiple to enable multiple selection.

zh-CN

通过 dMultiple 开启多选。

import { useImmer } from '@react-devui/hooks';
import { DSelect } from '@react-devui/ui';

const list = Array.from({ length: 100 }).map((_, index) => ({
  label: `Item ${index}`,
  value: index,
  disabled: index === 3,
}));
export default function Demo() {
  const [select1, setSelect1] = useImmer([0]);
  const [select2, setSelect2] = useImmer([0, 10, 20, 30]);

  return (
    <>
      <DSelect
        style={{ width: 400 }}
        dList={list}
        dPlaceholder="Multiple"
        dMultiple
        dSearchable
        dClearable
        dModel={select1}
        onModelChange={setSelect1}
      />
      <DSelect
        style={{ width: 400 }}
        dList={list}
        dPlaceholder="Disabled"
        dMultiple
        dSearchable
        dClearable
        dModel={select2}
        dDisabled
        onModelChange={setSelect2}
      />
    </>
  );
}