- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
width |
Number | 70 |
No | 輸入框寬度，單位為px，預設70 |
value |
Number | 0 |
No | 輸入整數值數字，預設0 |
valueMax |
Number | null |
No | 輸入最大整數值數字，預設null |
textFontSize |
String | '1rem' |
No | 輸入文字大小字串，預設'1rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串，預設'black' |
leftIconTooltip |
String | '減少' |
No | 輸入框內左側圖標提示文字字串，預設'減少' |
rightIconTooltip |
String | '增加' |
No | 輸入框內右側圖標提示文字字串，預設'增加' |
buttonIconSize |
Number | 24 |
No | 輸入框內圖標大小，單位為px，預設24 |
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 | 輸入取得焦點時框內圖標按鈕Focus顏色字串，預設'deep-orange lighten-1' |
height |
Number | 28 |
No | 輸入高度數字，單位為px，預設28 |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態，預設false |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
width |
Number | 70 |
No | 輸入框寬度，單位為px，預設70 |
value |
Number | 0 |
No | 輸入整數值數字，預設0 |
valueMax |
Number | null |
No | 輸入最大整數值數字，預設null |
textFontSize |
String | '1rem' |
No | 輸入文字大小字串，預設'1rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串，預設'black' |
leftIconTooltip |
String | '減少' |
No | 輸入框內左側圖標提示文字字串，預設'減少' |
rightIconTooltip |
String | '增加' |
No | 輸入框內右側圖標提示文字字串，預設'增加' |
buttonIconSize |
Number | 24 |
No | 輸入框內圖標大小，單位為px，預設24 |
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 | 輸入取得焦點時框內圖標按鈕Focus顏色字串，預設'deep-orange lighten-1' |
height |
Number | 28 |
No | 輸入高度數字，單位為px，預設28 |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態，預設false |