| | |
|---|
| | | layout | String | horizontal | options：vertical/horizontal | N |
|---|
| | | borderless | Boolean | true | \- | N |
|---|
| | | clearable | Boolean | false | \- | N |
|---|
| | | clear-trigger | String | always | options：always / focus | N |
|---|
| | | disabled | Boolean | - | \- | N |
|---|
| | | error-message | String | - | `deprecated` | N |
|---|
| | | external-classes | Array | - | `['t-class', 't-class-input', 't-class-placeholder', 't-class-error-msg']` | N |
|---|
| | |
|---|
| | | safe-password-nonce | String | - | \- | N |
|---|
| | | safe-password-salt | String | - | \- | N |
|---|
| | | safe-password-custom-hash | String | - | \- | N |
|---|
| | | |
|---|
| | | ### Input Events |
|---|
| | | |
|---|
| | | name | params | description |
|---|
| | |
|---|
| | | enter | `(value: InputValue)` | \- |
|---|
| | | focus | `(value: InputValue)` | \- |
|---|
| | | keyboardheightchange | `(height: number, duration: number)` | \- |
|---|
| | | |
|---|
| | | ### CSS Variables |
|---|
| | | |
|---|
| | | The component provides the following CSS variables, which can be used to customize styles. |
|---|
| | | Name | Default Value | Description |
|---|
| | | -- | -- | -- |
|---|
| | | --td-input-bg-color | @bg-color-container | - |
|---|
| | | --td-input-border-color | @component-stroke | - |
|---|
| | | --td-input-border-left-space | 32rpx | - |
|---|
| | | --td-input-border-radius | @radius-default | - |
|---|
| | | --td-input-border-right-space | 0 | - |
|---|
| | | --td-input-default-text-color | @font-gray-1 | - |
|---|
| | | --td-input-default-tips-color | @font-gray-3 | - |
|---|
| | | --td-input-disabled-text-color | @text-color-disabled | - |
|---|
| | | --td-input-error-text-color | @error-color | - |
|---|
| | | --td-input-error-tips-color | @error-color | - |
|---|
| | | --td-input-label-max-width | 5em | - |
|---|
| | | --td-input-label-min-width | 2em | - |
|---|
| | | --td-input-label-text-color | @font-gray-1 | - |
|---|
| | | --td-input-placeholder-text-color | @text-color-placeholder | - |
|---|
| | | --td-input-placeholder-text-font-size | @font-size-m | - |
|---|
| | | --td-input-prefix-icon-color | @font-gray-1 | - |
|---|
| | | --td-input-success-text-color | @success-color | - |
|---|
| | | --td-input-success-tips-color | @success-color | - |
|---|
| | | --td-input-suffix-icon-color | @font-gray-3 | - |
|---|
| | | --td-input-suffix-text-color | @font-gray-1 | - |
|---|
| | | --td-input-vertical-padding | 32rpx | - |
|---|
| | | --td-input-warning-text-color | @warning-color | - |
|---|
| | | --td-input-warning-tips-color | @warning-color | - |
|---|
