Forms > Quantity selector

[PigeardSylvain]

References

• Orange Design System: Components > Forms
  • Quantity selector — WEB-FOR-QUS-001
  • Quantity selector — WEB-FOR-QUS-002

[ffoodd]

This will require some JavaScript to be cross-browser, since the CSS way is Chrome-only for now…

To sum up, it'll need:

• two buttons, beside input,
• each on triggering the input's stepUp() or stepDown() methods,
• and obviously hide the spinner button by defining appearance: none — maybe when input:not(:only-child)?

And test this in every browsers and ATs.

[ffoodd]

New reference about input type="number" and to sum up, why it should be avoided: "Why the GOV.UK Design System team changed the input type for numbers".