Search code examples
ionic-frameworkionic5

Ionic 5 Input type number with up / down increment arrows

I am using Ionic 5 in a project. One thing I need is an input type number with up / down increment arrows like this image:

enter image description here

How can I do that as I cannot see any examples of that on the UI Components on their website.

Solution

  • Set the type attribute of ion-input to "number":

    <ion-input type="number" value="5" min="1" max="9"></ion-input>