en-US

Adjust the button size by setting dSize to larger and smaller.

zh-CN

通过设置 dSize 为 larger smaller 调整尺寸。

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

export default function Demo() {
  return (
    <>
      <DButton dSize="smaller" dIcon={<SearchOutlined />} />
      <DButton dSize="smaller" dVariant="circle" dIcon={<SearchOutlined />} />
      <DButton dSize="smaller" dVariant="round" dIcon={<SearchOutlined />} />
      <DButton dSize="smaller">Button</DButton>
      <DButton dSize="smaller" dVariant="round">
        Button
      </DButton>
      <br />
      <DButton dIcon={<SearchOutlined />} />
      <DButton dVariant="circle" dIcon={<SearchOutlined />} />
      <DButton dVariant="round" dIcon={<SearchOutlined />} />
      <DButton>Button</DButton>
      <DButton dVariant="round">Button</DButton>
      <br />
      <DButton dSize="larger" dIcon={<SearchOutlined />} />
      <DButton dSize="larger" dVariant="circle" dIcon={<SearchOutlined />} />
      <DButton dSize="larger" dVariant="round" dIcon={<SearchOutlined />} />
      <DButton dSize="larger">Button</DButton>
      <DButton dSize="larger" dVariant="round">
        Button
      </DButton>
    </>
  );
}