You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
disabled | Boolean | undefined | make input to be disabled | N
20
20
enterkeyhint | String | - | attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)。options: enter/done/go/next/previous/search/send | N
21
21
errorMessage | String | - | `deprecated` | N
22
-
extra | TElement | - | Typescript:`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
23
-
format | Function | - | input value formatter, `type=number` does not work. if you need to format number, `InputNumber` Component might be better。Typescript:`InputFormatType``type InputFormatType = (value: InputValue) => string`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
24
-
label | TNode | - | text on the left of input。Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
22
+
extra | TElement | - | Typescript: `TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
23
+
format | Function | - | input value formatter, `type=number` does not work. if you need to format number, `InputNumber` Component might be better。Typescript: `InputFormatType``type InputFormatType = (value: InputValue) => string`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
24
+
label | TNode | - | text on the left of input。Typescript: `string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
25
25
layout | String | horizontal | options: vertical/horizontal | N
26
26
maxcharacter | Number | - | \- | N
27
27
maxlength | String / Number | - | \- | N
28
28
name | String | - | \- | N
29
29
placeholder | String | undefined | \- | N
30
-
prefixIcon | TElement | - | Typescript:`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
30
+
prefixIcon | TElement | - | Typescript: `TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
31
31
readonly | Boolean | undefined | \- | N
32
-
size | String | medium | `deprecated`。options: small/medium。Typescript:`'medium' \| 'small'` | N
32
+
size | String | medium | `deprecated`。options: small/medium。Typescript: `'medium' \| 'small'` | N
33
33
spellcheck | Boolean | false | attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck) | N
34
34
status | String | default | options: default/success/warning/error | N
35
-
suffix | TNode | - | suffix content before suffixIcon。Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
36
-
suffixIcon | TElement | - | suffix icon of input。Typescript:`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
37
-
tips | TNode | - | tips on the bottom of input, different `status` can make tips to be different color。Typescript:`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
35
+
suffix | TNode | - | suffix content before suffixIcon。Typescript: `string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
36
+
suffixIcon | TElement | - | suffix icon of input。Typescript: `TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
37
+
tips | TNode | - | tips on the bottom of input, different `status` can make tips to be different color。Typescript: `string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
38
38
type | String | text | type attribute of input element. if you are using `type=number`, `InputNumber` Component might be better。options: text/number/url/tel/password/search/submit/hidden | N
39
-
value | String / Number | - | input value。Typescript:`InputValue``type InputValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
40
-
defaultValue | String / Number | - | input value。uncontrolled property。Typescript:`InputValue``type InputValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
41
-
onBlur | Function | | Typescript:`(value: InputValue, context: { e: FocusEvent }) => void`<br/> | N
42
-
onChange | Function | | Typescript:`(value: InputValue, context?: { e?: InputEvent \| MouseEvent \| CompositionEvent; trigger: 'input' \| 'initial' \| 'clear' \| 'blur'}) => void`<br/>trigger on input value changed | N
43
-
onClear | Function | | Typescript:`(context: { e: TouchEvent }) => void`<br/> | N
44
-
onFocus | Function | | Typescript:`(value: InputValue, context: { e: FocusEvent }) => void`<br/> | N
45
-
onValidate | Function | | Typescript:`(context: { error?: 'exceed-maximum' \| 'below-minimum' }) => void`<br/>trigger on text length being over max length or max character | N
39
+
value | String / Number | - | input value。Typescript: `InputValue``type InputValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
40
+
defaultValue | String / Number | - | input value。uncontrolled property。Typescript: `InputValue``type InputValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
41
+
onBlur | Function | | Typescript: `(value: InputValue, context: { e: FocusEvent }) => void`<br/> | N
42
+
onChange | Function | | Typescript: `(value: InputValue, context?: { e?: InputEvent \| MouseEvent \| CompositionEvent; trigger: 'input' \| 'initial' \| 'clear' \| 'blur'}) => void`<br/>trigger on input value changed | N
43
+
onClear | Function | | Typescript: `(context: { e: TouchEvent }) => void`<br/> | N
44
+
onFocus | Function | | Typescript: `(value: InputValue, context: { e: FocusEvent }) => void`<br/> | N
45
+
onValidate | Function | | Typescript: `(context: { error?: 'exceed-maximum' \| 'below-minimum' }) => void`<br/>trigger on text length being over max length or max character | N
46
46
47
47
### CSS Variables
48
48
49
49
The component provides the following CSS variables, which can be used to customize styles.
0 commit comments