Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://swiftcarrot.dev/react-input-number below:

react-input-number

yarn add react-input-number
npm install react-input-number --save

function App() {
  const [num, setNum] = useState(2.2);
  return (
    <InputNumber min={10} max={100} step={0.03} value={num} onChange={setNum} />
  );
}

<InputNumber enableMobileNumericKeyboard /> will open a numeric keyboard on ios and android devices. Notice that on ios the keyboard doesnot contain the .(dot) character for floating numbers.

function App() {
  const [num, setNum] = React.useState(2.2);
  return (
    <>
      <div>
        {num}({typeof num})
      </div>
      <InputNumber
        min={10}
        max={100}
        step={0.03}
        value={num}
        onChange={setNum}
      />
      <br />
      <InputNumber
        min={10}
        max={100}
        step={0.03}
        value={num}
        onChange={setNum}
        enableMobileNumericKeyboard
      />
      <br />
      <input
        type="number"
        min={10}
        max={10000000}
        step={0.03}
        value={num}
        onChange={e => setNum(e.target.value)}
      />
    </>
  );
}

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4