en-US

Let the user enter numbers.

zh-CN

让用户输入数字。

import { useState } from 'react';

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

export default function Demo() {
  const [value, setValue] = useState('123');

  return (
    <>
      <DInput dPlaceholder="Number" dType="number" />
      <DInput dPlaceholder="Number" dType="number" dModel={value} dClearable onModelChange={setValue} />
      <DInput dPlaceholder="max, min, step" dType="number" dMax={1000} dMin={10} dStep={10} dPrefix="$" />
      <DInput dPlaceholder="Decimal values" dType="number" dMax={100} dMin={0} dStep={0.01} dSuffix="%" />
      <DInput dPlaceholder="Decimal values" dType="number" dMax={100} dMin={0} dStep={0.01} dSuffix="%" dDisabled />
    </>
  );
}