- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
paddingStyle |
Object | {v:0,h:0} |
No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0} |
borderRadius |
Number | 4 |
No | 輸入框圓角度數字，單位為px，預設4 |
shadow |
Boolean | false |
No | 輸入是否為陰影模式，預設false |
value |
String|Number | - | Yes | 輸入文字框值 |
textFontSize |
String | '1rem' |
No | 輸入文字大小字串，預設'1rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串，預設'black' |
textAlign |
String | 'left' |
No | 輸入文字左右對齊字串，預設'left' |
leftIcon |
String | '' |
No | 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
leftIconSize |
Number | 24 |
No | 輸入左側圖標大小，單位為px，預設24 |
leftIconColor |
String | 'blue' |
No | 輸入左側圖標顏色字串，預設'blue' |
leftIconColorHover |
String | 'blue darken-1' |
No | 輸入滑鼠移入時左側圖標顏色字串，預設'blue darken-1' |
leftIconColorFocus |
String | 'blue darken-1' |
No | 輸入取得焦點時左側圖標顏色字串，預設'blue darken-1' |
leftIconTooltip |
String | '' |
No | 輸入左側圖標提示文字字串，預設'' |
rightIcon |
String | '' |
No | 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
rightIconSize |
Number | 24 |
No | 輸入右側圖標大小，單位為px，預設24 |
rightIconColor |
String | 'blue' |
No | 輸入右側圖標顏色字串，預設'blue' |
rightIconColorHover |
String | 'blue darken-1' |
No | 輸入滑鼠移入時右側圖標顏色字串，預設'blue darken-1' |
rightIconColorFocus |
String | 'blue darken-1' |
No | 輸入取得焦點時右側圖標顏色字串，預設'blue darken-1' |
rightIconTooltip |
String | '' |
No | 輸入右側圖標提示文字字串，預設'' |
iconShiftOuter |
Number | 0 |
No | 輸入左右側圖標與外框距離數字，單位為px，預設0 |
iconShiftInner |
Number | 5 |
No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5 |
backgroundColor |
String | 'transparent' |
No | 輸入背景顏色字串，預設'transparent' |
backgroundColorHover |
String | 'transparent' |
No | 輸入滑鼠移入時背景顏色字串，預設'transparent' |
backgroundColorFocus |
String | 'transparent' |
No | 輸入取得焦點時背景顏色字串，預設'transparent' |
borderColor |
String | 'transparent' |
No | 輸入邊框顏色字串，預設'transparent' |
borderColorHover |
String | 'transparent' |
No | 輸入滑鼠移入時邊框顏色字串，預設'transparent' |
borderColorFocus |
String | 'transparent' |
No | 輸入取得焦點時邊框顏色字串，預設'transparent' |
bottomLineBorderColor |
String | 'grey lighten-1' |
No | 輸入底部線顏色字串，預設'grey lighten-1' |
bottomLineBorderColorHover |
String | 'grey' |
No | 輸入滑鼠移入時底部線顏色字串，預設'grey' |
bottomLineBorderColorFocus |
String | 'blue darken-1' |
No | 輸入取得焦點時底部線顏色字串，預設'blue darken-1' |
bottomLineBorderWidth |
Number | 1 |
No | 輸入底部線寬度數字，單位為px，預設1 |
bottomLineBorderWidthHover |
Number | 1 |
No | 輸入滑鼠移入時底部線寬度數字，單位為px，預設1 |
bottomLineBorderWidthFocus |
Number | 2 |
No | 輸入取得焦點時底部線寬度數字，單位為px，預設2 |
placeholder |
String | '' |
No | 輸入無文字時的替代字符字串，預設'' |
height |
Number|String | null |
No | 輸入高度數字或字串，數字單位為px，若給予非有效值則代表自動更新高度，預設null |
verticalAlign |
String | 'top' |
No | 輸入input與文字之垂直對齊字串，可選'top'、'center'、'bottom'，預設'top' |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態，預設false |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
paddingStyle |
Object | {v:0,h:0} |
No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0} |
borderRadius |
Number | 4 |
No | 輸入框圓角度數字，單位為px，預設4 |
shadow |
Boolean | false |
No | 輸入是否為陰影模式，預設false |
value |
String|Number | - | Yes | 輸入文字框值 |
textFontSize |
String | '1rem' |
No | 輸入文字大小字串，預設'1rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串，預設'black' |
textAlign |
String | 'left' |
No | 輸入文字左右對齊字串，預設'left' |
leftIcon |
String | '' |
No | 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
leftIconSize |
Number | 24 |
No | 輸入左側圖標大小，單位為px，預設24 |
leftIconColor |
String | 'blue' |
No | 輸入左側圖標顏色字串，預設'blue' |
leftIconColorHover |
String | 'blue darken-1' |
No | 輸入滑鼠移入時左側圖標顏色字串，預設'blue darken-1' |
leftIconColorFocus |
String | 'blue darken-1' |
No | 輸入取得焦點時左側圖標顏色字串，預設'blue darken-1' |
leftIconTooltip |
String | '' |
No | 輸入左側圖標提示文字字串，預設'' |
rightIcon |
String | '' |
No | 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
rightIconSize |
Number | 24 |
No | 輸入右側圖標大小，單位為px，預設24 |
rightIconColor |
String | 'blue' |
No | 輸入右側圖標顏色字串，預設'blue' |
rightIconColorHover |
String | 'blue darken-1' |
No | 輸入滑鼠移入時右側圖標顏色字串，預設'blue darken-1' |
rightIconColorFocus |
String | 'blue darken-1' |
No | 輸入取得焦點時右側圖標顏色字串，預設'blue darken-1' |
rightIconTooltip |
String | '' |
No | 輸入右側圖標提示文字字串，預設'' |
iconShiftOuter |
Number | 0 |
No | 輸入左右側圖標與外框距離數字，單位為px，預設0 |
iconShiftInner |
Number | 5 |
No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5 |
backgroundColor |
String | 'transparent' |
No | 輸入背景顏色字串，預設'transparent' |
backgroundColorHover |
String | 'transparent' |
No | 輸入滑鼠移入時背景顏色字串，預設'transparent' |
backgroundColorFocus |
String | 'transparent' |
No | 輸入取得焦點時背景顏色字串，預設'transparent' |
borderColor |
String | 'transparent' |
No | 輸入邊框顏色字串，預設'transparent' |
borderColorHover |
String | 'transparent' |
No | 輸入滑鼠移入時邊框顏色字串，預設'transparent' |
borderColorFocus |
String | 'transparent' |
No | 輸入取得焦點時邊框顏色字串，預設'transparent' |
bottomLineBorderColor |
String | 'grey lighten-1' |
No | 輸入底部線顏色字串，預設'grey lighten-1' |
bottomLineBorderColorHover |
String | 'grey' |
No | 輸入滑鼠移入時底部線顏色字串，預設'grey' |
bottomLineBorderColorFocus |
String | 'blue darken-1' |
No | 輸入取得焦點時底部線顏色字串，預設'blue darken-1' |
bottomLineBorderWidth |
Number | 1 |
No | 輸入底部線寬度數字，單位為px，預設1 |
bottomLineBorderWidthHover |
Number | 1 |
No | 輸入滑鼠移入時底部線寬度數字，單位為px，預設1 |
bottomLineBorderWidthFocus |
Number | 2 |
No | 輸入取得焦點時底部線寬度數字，單位為px，預設2 |
placeholder |
String | '' |
No | 輸入無文字時的替代字符字串，預設'' |
height |
Number|String | null |
No | 輸入高度數字或字串，數字單位為px，若給予非有效值則代表自動更新高度，預設null |
verticalAlign |
String | 'top' |
No | 輸入input與文字之垂直對齊字串，可選'top'、'center'、'bottom'，預設'top' |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態，預設false |