Stepper
Increase, decrease or modify the current value
Import
import { Stepper } from 'mand-mobile-next'
Vue.createApp().component(Stepper.name, Stepper)
Code Examples
API
Stepper Props
Props | Description | Type | Default |
---|---|---|---|
v-model | current value | Number/String | - |
step | the number of steps can be changed and be a decimal | Number/String | 1 |
min | minimum | Number/String | -Infinity |
max | maximum | Number/String | Infinity |
disabled | - | Boolean | false |
read-only | - | Boolean | false |
is-integer | only integers | Boolean | false |
Stepper Events
@change(currentValue)
Change value
@increase(difference)
Triggered when the current value increases
Props | Description | Type |
---|---|---|
difference | Increased value | Number |
@decrease(difference)
Triggered when the current value decreases
Props | Description | Type |
---|---|---|
difference | Reduced value | Number |