- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
text |
String | '' |
No | 輸入文字字串，預設'' |
textFontSize |
String | '1rem' |
No | 輸入文字字型大小字串，預設'1rem' |
active |
Boolean | false |
No | 輸入是否為主動模式布林值，預設false |
paddingStyle |
Object | {v:10,h:12} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12} |
borderRadius |
Number | 0 |
No | 輸入框圓角度數字，單位為px，預設0 |
backgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
backgroundColorHover |
String | 'rgba(200,200,200,0.2)' |
No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)' |
backgroundColorActive |
String | 'orange lighten-1' |
No | 輸入主動模式時背景顏色字串，預設'orange lighten-1' |
backgroundColorDisabled |
String | 'white' |
No | 輸入非啟用模式時背景顏色字串，預設'white' |
textColor |
String | '#444' |
No | 輸入文字顏色字串，預設'#444' |
textColorHover |
String | '#222' |
No | 輸入滑鼠移入時文字顏色字串，預設'#222' |
textColorActive |
String | 'white' |
No | 輸入主動模式時文字顏色字串，預設'white' |
textColorDisabled |
String | '#444' |
No | 輸入非啟用模式時文字顏色字串，預設'#444' |
icon |
String | '' |
No | 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
iconSize |
Number | 22 |
No | 輸入左側圖標之尺寸數字，單位px，預設22 |
iconColor |
String | '#444' |
No | 輸入圖標顏色字串，預設'#444' |
iconColorHover |
String | '#222' |
No | 輸入滑鼠移入時圖標顏色字串，預設'#222' |
iconColorActive |
String | 'white' |
No | 輸入主動模式時圖標顏色字串，預設'white' |
iconColorDisabled |
String | '#444' |
No | 輸入非啟用模式時圖標顏色字串，預設'#444' |
rippleColor |
String | 'rgba(255,255,255,0.4)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)' |
cursorPointer |
Boolean | true |
No | 輸入是否滑鼠移入顯示pointer樣式，預設true |
editable |
Boolean | true |
No | 輸入是否為可點擊模式布林值，預設true |
disabledColor |
String | 'rgba(255,255,255,0.5)' |
No | 輸入非編輯模式時遮罩顏色字串，預設'rgba(255,255,255,0.5)' |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
text |
String | '' |
No | 輸入文字字串，預設'' |
textFontSize |
String | '1rem' |
No | 輸入文字字型大小字串，預設'1rem' |
active |
Boolean | false |
No | 輸入是否為主動模式布林值，預設false |
paddingStyle |
Object | {v:10,h:12} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12} |
borderRadius |
Number | 0 |
No | 輸入框圓角度數字，單位為px，預設0 |
backgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
backgroundColorHover |
String | 'rgba(200,200,200,0.2)' |
No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)' |
backgroundColorActive |
String | 'orange lighten-1' |
No | 輸入主動模式時背景顏色字串，預設'orange lighten-1' |
backgroundColorDisabled |
String | 'white' |
No | 輸入非啟用模式時背景顏色字串，預設'white' |
textColor |
String | '#444' |
No | 輸入文字顏色字串，預設'#444' |
textColorHover |
String | '#222' |
No | 輸入滑鼠移入時文字顏色字串，預設'#222' |
textColorActive |
String | 'white' |
No | 輸入主動模式時文字顏色字串，預設'white' |
textColorDisabled |
String | '#444' |
No | 輸入非啟用模式時文字顏色字串，預設'#444' |
icon |
String | '' |
No | 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
iconSize |
Number | 22 |
No | 輸入左側圖標之尺寸數字，單位px，預設22 |
iconColor |
String | '#444' |
No | 輸入圖標顏色字串，預設'#444' |
iconColorHover |
String | '#222' |
No | 輸入滑鼠移入時圖標顏色字串，預設'#222' |
iconColorActive |
String | 'white' |
No | 輸入主動模式時圖標顏色字串，預設'white' |
iconColorDisabled |
String | '#444' |
No | 輸入非啟用模式時圖標顏色字串，預設'#444' |
rippleColor |
String | 'rgba(255,255,255,0.4)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)' |
cursorPointer |
Boolean | true |
No | 輸入是否滑鼠移入顯示pointer樣式，預設true |
editable |
Boolean | true |
No | 輸入是否為可點擊模式布林值，預設true |
disabledColor |
String | 'rgba(255,255,255,0.5)' |
No | 輸入非編輯模式時遮罩顏色字串，預設'rgba(255,255,255,0.5)' |