en-US

The simplest usage.

zh-CN

最简单的用法。

import { useState } from 'react';

import { DTransfer, DSwitch } 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 [value, setValue] = useState([50]);
  const [disabled, setDisabled] = useState(false);

  return (
    <>
      <DTransfer dList={list} dTitle={['Left', 'Right']} dDisabled={disabled} dModel={value} onModelChange={setValue} />
      <br />
      <DSwitch dModel={disabled} onModelChange={setDisabled}>
        Disabled
      </DSwitch>
    </>
  );
}