en-US

The simplest usage.

zh-CN

最简单的用法。

import { useState } from 'react';

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

export default function Demo() {
  const [disabled, setDisabled] = useState(false);

  return (
    <>
      <DButton
        onClick={() => {
          setDisabled((prev) => !prev);
        }}
      >
        Toggle disabled
      </DButton>
      <br />
      <br />
      <DCheckbox className="me-3" dDisabled={disabled}>
        Checkbox
      </DCheckbox>
      <DCheckbox dIndeterminate dDisabled={disabled}>
        Checkbox
      </DCheckbox>
    </>
  );
}