|
@@ -1,37 +1,37 @@
|
|
|
## Input Props
|
|
## Input Props
|
|
|
|
|
|
|
|
-| Property Name | Type | Default Value | Optional Values | Required | Description |
|
|
|
|
|
-| ----------------- | ------------------ | ------------- | ---------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------- |
|
|
|
|
|
-| title | String/slot | '' | - | No | The title content. |
|
|
|
|
|
-| placeholder | String | '' | - | No | The placeholder text for the input field. |
|
|
|
|
|
-| titlePosition | String | 'out' | 'out'/'in'/'none' | No | The position of the title. |
|
|
|
|
|
-| inputPosition | String | 'left' | 'left'/'right' | No | The position of the input text. |
|
|
|
|
|
-| radius | String | 'base' | 'none'/'base'/'xl'/'full' | No | The style of the corner radius. |
|
|
|
|
|
-| inputStyle | String | 'block' | 'block'/'line' | No | The style of the input field. |
|
|
|
|
|
-| py | String | '2' | '0'/'0.5'/'1'/'2'/'3'/'4'/'6' | No | The vertical spacing. |
|
|
|
|
|
-| lineTransition | String | 'none' | 'none'/'center'/'left' | No | The position of linear transition. |
|
|
|
|
|
-| duration | String | 'base' | 'fast'/'base'/'slow'/'slower' | No | The transition duration. |
|
|
|
|
|
-| value | String | '' | - | No | The value of the input field. |
|
|
|
|
|
-| type | String | 'text' | 'text'/'decimal'/'email'/'none'/'numeric'/'search'/'tel'/'url'/'password'/'number' | No | The type of the input field. |
|
|
|
|
|
-| inputmode | String | '' | 'text'/'decimal'/'email'/'none'/'numeric'/'search'/'tel'/'url' | No | The data type to be entered. |
|
|
|
|
|
-| state | String | 'theme' | 'theme'/'success'/'warning'/'error'/'info' | No | The state of the input field. |
|
|
|
|
|
-| maxlength | Number | 24 | - | No | The maximum number of characters allowed. |
|
|
|
|
|
-| rows | Number | 2 | - | No | The number of rows when the input is a text area. |
|
|
|
|
|
-| autosize | Boolean | false | true/false | No | Whether or not the text area automatically adjust its height. |
|
|
|
|
|
-| textareaMaxlength | Number | 200 | - | No | The maximum number of characters allowed in the text area. |
|
|
|
|
|
-| clear | Boolean | false | true/false | No | Whether or not it is possible to clear the input field. |
|
|
|
|
|
-| autocomplete | Boolean | true | true/false | No | Whether or not to enable auto-fill functionality. |
|
|
|
|
|
-| disabled | Boolean | false | true/false | No | Whether or not the input field is disabled. |
|
|
|
|
|
-| label1 | String/Object/slot | '' | ''/Icon Props/slot | No | The contents of label 1. |
|
|
|
|
|
-| label2 | String/slot | '' | ''/Any String/slot | No | The contents of label 2. |
|
|
|
|
|
-| label3 | String/Object/slot | '' | ''/Icon Props/slot | No | The contents of label 3. |
|
|
|
|
|
-| label4 | String/Object/slot | '' | ''/Icon Props/slot | No | The contents of label 4. |
|
|
|
|
|
-| label5 | String/slot | '' | ''/Any String/slot | No | The contents of label 5. |
|
|
|
|
|
-| label6 | String/Object/slot | '' | ''/Icon Props/slot | No | The contents of label 6. |
|
|
|
|
|
-| tip | String/slot | '' | ''/Any String/slot | No | The contents of the hint message. |
|
|
|
|
|
-| data1 | String/slot | '' | ''/Any String/slot | No | The contents of data item 1. |
|
|
|
|
|
-| data2 | String/slot | '' | ''/Any String/slot | No | The contents of data item 2. |
|
|
|
|
|
-| data3 | String/slot | '' | ''/Any String/slot | No | The contents of data item 3. |
|
|
|
|
|
|
|
+| Property Name | Type | Default Value | Optional Values | Required | Description |
|
|
|
|
|
+| ----------------- | ------------------ | ------------- | --------------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------- |
|
|
|
|
|
+| title | String/slot | '' | - | No | The title content. |
|
|
|
|
|
+| placeholder | String | '' | - | No | The placeholder text for the input field. |
|
|
|
|
|
+| titlePosition | String | 'out' | 'out'/'in'/'none' | No | The position of the title. |
|
|
|
|
|
+| inputPosition | String | 'left' | 'left'/'right' | No | The position of the input text. |
|
|
|
|
|
+| radius | String | 'base' | 'none'/'base'/'xl'/'full' | No | The style of the corner radius. |
|
|
|
|
|
+| inputStyle | String | 'block' | 'block'/'line' | No | The style of the input field. |
|
|
|
|
|
+| py | String | '2' | '0'/'0.5'/'1'/'2'/'3'/'4'/'6' | No | The vertical spacing. |
|
|
|
|
|
+| lineTransition | String | 'none' | 'none'/'center'/'left' | No | The position of linear transition. |
|
|
|
|
|
+| duration | String | 'base' | 'fast'/'base'/'slow'/'slower' | No | The transition duration. |
|
|
|
|
|
+| value | String | '' | - | No | The value of the input field. |
|
|
|
|
|
+| type | String | 'text' | 'text'/'decimal'/'email'/'none'/'numeric'/'search'/'tel'/'url'/'password'/'number'/'textarea' | No | The type of the input field. |
|
|
|
|
|
+| inputmode | String | '' | 'text'/'decimal'/'email'/'none'/'numeric'/'search'/'tel'/'url' | No | The data type to be entered. |
|
|
|
|
|
+| state | String | 'theme' | 'theme'/'success'/'warning'/'error'/'info' | No | The state of the input field. |
|
|
|
|
|
+| maxlength | Number | 24 | - | No | The maximum number of characters allowed. |
|
|
|
|
|
+| rows | Number | 2 | - | No | The number of rows when the input is a text area. |
|
|
|
|
|
+| autosize | Boolean | false | true/false | No | Whether or not the text area automatically adjust its height. |
|
|
|
|
|
+| textareaMaxlength | Number | 200 | - | No | The maximum number of characters allowed in the text area. |
|
|
|
|
|
+| clear | Boolean | false | true/false | No | Whether or not it is possible to clear the input field. |
|
|
|
|
|
+| autocomplete | Boolean | true | true/false | No | Whether or not to enable auto-fill functionality. |
|
|
|
|
|
+| disabled | Boolean | false | true/false | No | Whether or not the input field is disabled. |
|
|
|
|
|
+| label1 | String/Object/slot | '' | ''/Icon Props/slot | No | The contents of label 1. |
|
|
|
|
|
+| label2 | String/slot | '' | ''/Any String/slot | No | The contents of label 2. |
|
|
|
|
|
+| label3 | String/Object/slot | '' | ''/Icon Props/slot | No | The contents of label 3. |
|
|
|
|
|
+| label4 | String/Object/slot | '' | ''/Icon Props/slot | No | The contents of label 4. |
|
|
|
|
|
+| label5 | String/slot | '' | ''/Any String/slot | No | The contents of label 5. |
|
|
|
|
|
+| label6 | String/Object/slot | '' | ''/Icon Props/slot | No | The contents of label 6. |
|
|
|
|
|
+| tip | String/slot | '' | ''/Any String/slot | No | The contents of the hint message. |
|
|
|
|
|
+| data1 | String/slot | '' | ''/Any String/slot | No | The contents of data item 1. |
|
|
|
|
|
+| data2 | String/slot | '' | ''/Any String/slot | No | The contents of data item 2. |
|
|
|
|
|
+| data3 | String/slot | '' | ''/Any String/slot | No | The contents of data item 3. |
|
|
|
|
|
|
|
|
## Input Events
|
|
## Input Events
|
|
|
|
|
|