en-US

Provide any combinable items through DCompose.Item.

zh-CN

通过 DCompose.Item 提供任意可组合的项。

import { SettingOutlined } from '@react-devui/icons';
import { DCompose, DInput } from '@react-devui/ui';

export default function Demo() {
  return (
    <>
      <DCompose>
        <DInput dPlaceholder="Setting" />
        <DCompose.Item>
          <SettingOutlined />
        </DCompose.Item>
      </DCompose>
      <br />
      <DCompose>
        <DCompose.Item dGray>http://</DCompose.Item>
        <DInput dPlaceholder="URL" />
        <DCompose.Item dGray>.com</DCompose.Item>
      </DCompose>
    </>
  );
}