en-US

Add the disabled attribute to make the button unavailable, and the button style will also change.

zh-CN

添加 disabled 属性即可让按钮处于不可用状态,同时按钮样式也会改变。

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

export default function Demo() {
  return (
    <>
      <DButton disabled>Primary Button</DButton>
      <DButton disabled dType="secondary">
        Secondary Button
      </DButton>
      <DButton disabled dType="outline">
        Outline Button
      </DButton>
      <DButton disabled dType="dashed">
        Dashed Button
      </DButton>
      <DButton disabled dType="text">
        Text Button
      </DButton>
      <DButton disabled dType="link">
        Link Button
      </DButton>
      <br />
      <DButton disabled>Button</DButton>
      <DButton disabled dTheme="success">
        Button
      </DButton>
      <DButton disabled dTheme="warning">
        Button
      </DButton>
      <DButton disabled dTheme="danger">
        Button
      </DButton>
    </>
  );
}