SpinButton

link - developer.microsoft.com/en-us/fluentui#/controls/web/spinbutton
A spin button (SpinButton) allows someone to incrementally adjust a value in small steps.
It's mainly used for numeric values, but other values are supported too.
This control allows a user to incrementally adjust a value in small steps. It's mainly used for numeric values, but other values are supported too.

<SpinButton 
  defaultValue="0" 
  label={'Number of subjects to add:'} 
  min={0} 
  max={100} 
  step={1} 
 // iconProps={{iconName: 'IncreaseIndentLegacy' }}  
  incrementButtonAriaLabel={'Increase value by 1'} 
  decrementButtonAriaLabel={'Decrease value by 1'} 
/>