| .. | ||
| props.d.ts | ||
| props.js | ||
| README.en-US.md | ||
| README.md | ||
| stepper.d.ts | ||
| stepper.js | ||
| stepper.json | ||
| stepper.wxml | ||
| stepper.wxss | ||
| type.d.ts | ||
| type.js | ||
:: BASE_DOC ::
API
Stepper Props
| name | type | default | description | required |
|---|---|---|---|---|
| disable-input | Boolean | false | - | N |
| disabled | Boolean | false | - | N |
| external-classes | Array | - | ['t-class', 't-class-input', 't-class-add', 't-class-minus'] |
N |
| input-width | Number | - | - | N |
| max | Number | 100 | - | N |
| min | Number | 0 | - | N |
| step | Number | 1 | - | N |
| theme | String | normal | stylish。options：normal/grey | N |
| value | String / Number | 0 | - | N |
| default-value | String / Number | undefined | uncontrolled property | N |
Stepper Events
| name | params | description |
|---|---|---|
| blur | ({ type: string | number }) |
- |
| change | ({ value: string | number }) |
- |
| overlimit | ({type: 'minus' | 'plus'}) |
- |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name | Default Value | Description |
|---|---|---|
| --td-stepper-border-color | @component-border | - |
| --td-stepper-border-radius | @radius-small | - |
| --td-stepper-input-color | @font-gray-1 | - |
| --td-stepper-input-disabled-color | @font-gray-4 | - |