en-US

Input box with clear icon, click on the icon to clear all content.

zh-CN

带清除图标的输入框，点击图标清除所有内容。

import { useState } from 'react';

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

export default function Demo() {
  const [value1, setValue1] = useState('Clearable');
  const [value2, setValue2] = useState('Clearable');

  return (
    <>
      <DInput dModel={value1} dPlaceholder="Clearable" dClearable onModelChange={setValue1} />
      <DInput dModel={value2} dPlaceholder="Clearable" dClearable dSuffix="Suffix" onModelChange={setValue2}></DInput>
      <DInput dModel={value2} dPlaceholder="Clearable" dClearable dSuffix="Suffix" dDisabled onModelChange={setValue2}></DInput>
    </>
  );
}