zhsw_wechat/miniprogram_npm/tdesign-miniprogram/stepper

:: BASE_DOC ::

API

Stepper Props

name | type | default | description | required -- | -- | -- | -- | -- style | Object | - | CSS(Cascading Style Sheets) | N custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N disable-input | Boolean | false | - | N disabled | Boolean | undefined | - | N input-width | Number | - | - | N integer | Boolean | true | - | N max | Number | 100 | - | N min | Number | 0 | - | N size | String | medium | options: small/medium/large。Typescript：SizeEnum。see more ts definition | N step | Number | 1 | - | N theme | String | normal | stylish。options: normal/filled/outline | 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 }) | - focus | ({ value: string \| number })) | - overlimit | ({type: 'minus' \| 'plus'}) | -

Stepper External Classes

className | Description -- | -- t-class | - t-class-input | - t-class-minus | - t-class-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 | -