en-US

When you need to embed the Icon in the Button, you can set the dIcon property.

zh-CN

需要在 Button 内嵌入 Icon 时，可以设置 dIcon 属性。

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

export default function Demo() {
  return (
    <>
      <DButton dVariant="circle" dIcon={<SearchOutlined />} />
      <DButton dType="secondary" dVariant="circle" dIcon={<SearchOutlined />} />
      <DButton dType="outline" dVariant="circle" dIcon={<SearchOutlined />} />
      <DButton dType="dashed" dVariant="circle" dIcon={<SearchOutlined />} />
      <DButton dType="text" dVariant="circle" dIcon={<SearchOutlined />} />
      <DButton dType="link" dVariant="circle" dIcon={<SearchOutlined />} />
      <br />
      <DButton dIcon={<SearchOutlined />}>Search</DButton>
      <DButton dIcon={<SearchOutlined />} dIconRight>
        Search
      </DButton>
      <DButton dType="secondary" dIcon={<SearchOutlined />}>
        Search
      </DButton>
      <DButton dType="outline" dIcon={<SearchOutlined />}>
        Search
      </DButton>
      <DButton dType="dashed" dIcon={<SearchOutlined />}>
        Search
      </DButton>
      <DButton dType="text" dIcon={<SearchOutlined />}>
        Search
      </DButton>
      <DButton dType="link" dIcon={<SearchOutlined />}>
        Search
      </DButton>
    </>
  );
}