Stepper stepper component

Effect demonstration

1. Maximum value 20, minimum value 0, step 3

<Stepper step={3} max={20} min={0} value={value} onChange={setValue} />

2. Do not display the clear icon

<Stepper width={px(100)} allowClear={false} />

3. Disable

<Stepper disabled />

4. Do not allow user input

<Stepper width={px(100)} editable={false} />

API

Properties	Required	Description	Type	Default Value
min	false	minimum value	number
max	false	maximum value	number
defaultValue	false	default value	number | string
value	false	current value	number | string
onChange	false	Modified callback function	(value?: number) => void
step	false	Each time the step number is changed, it can be a decimal	number	1
disabled	false	Whether to disable	boolean	false
width	false	width	number	200
allowClear	false	Whether to display the clear icon	boolean	true
editable	false	Whether to allow manual input	boolean	true
activeOpacity	false	The opacity of the plus and minus signs when pressed	number	0.6