- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
width |
Number | 70 |
No | 輸入框寬度，單位為px，預設70 |
paddingStyle |
Object | {v:0,h:15} |
No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15} |
borderRadius |
Number | 30 |
No | 輸入框圓角度數字，單位為px，預設30 |
shadow |
Boolean | true |
No | 輸入是否為陰影模式，預設true |
value |
Number | 0 |
No | 輸入整數值數字，預設0 |
valueMax |
Number | null |
No | 輸入最大整數值數字，預設null |
textFontSize |
String | '1rem' |
No | 輸入文字大小字串，預設'1rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串，預設'black' |
icon |
String | '' |
No | 輸入框外左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
iconSize |
Number | 24 |
No | 輸入左側圖標大小，單位為px，預設24 |
iconColor |
String | 'deep-orange lighten-2' |
No | 輸入框外左側圖標顏色字串，預設'deep-orange lighten-2' |
iconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時框外左側圖標顏色字串，預設'deep-orange lighten-1' |
iconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時框外左側圖標顏色字串，預設'deep-orange lighten-1' |
iconTooltip |
String | '' |
No | 輸入框外左側圖標提示文字字串，預設'' |
leftIconTooltip |
String | '減少' |
No | 輸入框內左側圖標提示文字字串，預設'減少' |
rightIconTooltip |
String | '增加' |
No | 輸入框內右側圖標提示文字字串，預設'增加' |
iconShiftOuter |
Number | -10 |
No | 輸入左右側圖標與外框距離數字，單位為px，預設-10 |
iconShiftInner |
Number | 5 |
No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5 |
backgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
backgroundColorHover |
String | 'white' |
No | 輸入滑鼠移入時背景顏色字串，預設'white' |
backgroundColorFocus |
String | 'white' |
No | 輸入取得焦點時背景顏色字串，預設'white' |
buttonIconSize |
Number | 24 |
No | 輸入框內圖標大小，單位為px，預設24 |
borderColor |
String | 'white' |
No | 輸入邊框顏色字串，預設'white' |
borderColorHover |
String | 'white' |
No | 輸入滑鼠移入時邊框顏色字串，預設'white' |
borderColorFocus |
String | 'white' |
No | 輸入取得焦點時邊框顏色字串，預設'white' |
buttonColor |
String | 'deep-orange lighten-2' |
No | 輸入框內圖標按鈕顏色字串，預設'deep-orange lighten-2' |
buttonColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時框內圖標按鈕顏色字串，預設'deep-orange lighten-1' |
buttonColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時框內圖標按鈕顏色字串，預設'deep-orange lighten-1' |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態，預設false |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
width |
Number | 70 |
No | 輸入框寬度，單位為px，預設70 |
paddingStyle |
Object | {v:0,h:15} |
No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15} |
borderRadius |
Number | 30 |
No | 輸入框圓角度數字，單位為px，預設30 |
shadow |
Boolean | true |
No | 輸入是否為陰影模式，預設true |
value |
Number | 0 |
No | 輸入整數值數字，預設0 |
valueMax |
Number | null |
No | 輸入最大整數值數字，預設null |
textFontSize |
String | '1rem' |
No | 輸入文字大小字串，預設'1rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串，預設'black' |
icon |
String | '' |
No | 輸入框外左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
iconSize |
Number | 24 |
No | 輸入左側圖標大小，單位為px，預設24 |
iconColor |
String | 'deep-orange lighten-2' |
No | 輸入框外左側圖標顏色字串，預設'deep-orange lighten-2' |
iconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時框外左側圖標顏色字串，預設'deep-orange lighten-1' |
iconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時框外左側圖標顏色字串，預設'deep-orange lighten-1' |
iconTooltip |
String | '' |
No | 輸入框外左側圖標提示文字字串，預設'' |
leftIconTooltip |
String | '減少' |
No | 輸入框內左側圖標提示文字字串，預設'減少' |
rightIconTooltip |
String | '增加' |
No | 輸入框內右側圖標提示文字字串，預設'增加' |
iconShiftOuter |
Number | -10 |
No | 輸入左右側圖標與外框距離數字，單位為px，預設-10 |
iconShiftInner |
Number | 5 |
No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5 |
backgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
backgroundColorHover |
String | 'white' |
No | 輸入滑鼠移入時背景顏色字串，預設'white' |
backgroundColorFocus |
String | 'white' |
No | 輸入取得焦點時背景顏色字串，預設'white' |
buttonIconSize |
Number | 24 |
No | 輸入框內圖標大小，單位為px，預設24 |
borderColor |
String | 'white' |
No | 輸入邊框顏色字串，預設'white' |
borderColorHover |
String | 'white' |
No | 輸入滑鼠移入時邊框顏色字串，預設'white' |
borderColorFocus |
String | 'white' |
No | 輸入取得焦點時邊框顏色字串，預設'white' |
buttonColor |
String | 'deep-orange lighten-2' |
No | 輸入框內圖標按鈕顏色字串，預設'deep-orange lighten-2' |
buttonColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時框內圖標按鈕顏色字串，預設'deep-orange lighten-1' |
buttonColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時框內圖標按鈕顏色字串，預設'deep-orange lighten-1' |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態，預設false |