en-US

Add prefix or suffix content to the input box.

zh-CN

在输入框上添加前缀或后缀内容。

import { UserOutlined, InfoCircleOutlined } from '@react-devui/icons';
import { DInput, DTooltip } from '@react-devui/ui';

export default function Demo() {
  return (
    <>
      <DInput
        dPlaceholder="Icon"
        dPrefix={<UserOutlined />}
        dSuffix={<DTooltip dTitle="Info tooltip">{<InfoCircleOutlined />}</DTooltip>}
      ></DInput>
      <DInput dPlaceholder="Text" dPrefix="Prefix" dSuffix="Suffix"></DInput>
      <DInput dPlaceholder="Text" dPrefix="Prefix" dSuffix="Suffix" dDisabled></DInput>
    </>
  );
}