- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
paddingStyle |
Object | {v:0,h:15} |
No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15} |
borderWidth |
Number | 1 |
No | 輸入邊框寬度數字，單位為px，預設1 |
borderRadius |
Number | 30 |
No | 輸入框圓角度數字，單位為px，預設30 |
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' |
shadow |
Boolean | true |
No | 輸入是否為陰影模式，預設true |
leftIcon |
String | '' |
No | 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
leftIconSize |
Number | 24 |
No | 輸入左側圖標大小，單位為px，預設24 |
leftIconColor |
String | 'deep-orange lighten-2' |
No | 輸入左側圖標顏色字串，預設'deep-orange lighten-2' |
leftIconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1' |
leftIconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1' |
leftIconTooltip |
String | '' |
No | 輸入左側圖標提示文字字串，預設'' |
rightIcon |
String | '' |
No | 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
rightIconSize |
Number | 24 |
No | 輸入右側圖標大小，單位為px，預設24 |
rightIconColor |
String | 'deep-orange lighten-2' |
No | 輸入右側圖標顏色字串，預設'deep-orange lighten-2' |
rightIconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1' |
rightIconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1' |
rightIconTooltip |
String | '' |
No | 輸入右側圖標提示文字字串，預設'' |
iconShiftOuter |
Number | -10 |
No | 輸入左右側圖標與外框距離數字，單位為px，預設-10 |
iconShiftInner |
Number | 5 |
No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5 |
tooltipBorderRadius |
Number | 4 |
No | 輸入提示文字框圓角度數字，單位為px，預設4 |
tooltipPaddingStyle |
Object | {v:5,h:8} |
No | 輸入提示文字內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:5,h:8} |
tooltipTextFontSize |
String | '0.85rem' |
No | 輸入提示文字字型大小字串，預設'0.85rem' |
tooltipTextColor |
String | 'white' |
No | 輸入提示文字顏色字串，預設'white' |
tooltipBackgroundColor |
String | 'rgba(60,60,60,0.75)' |
No | 輸入背景顏色字串，預設'rgba(60,60,60,0.75)' |
verticalAlign |
String | 'center' |
No | 輸入input與文字之垂直對齊字串，可選'top'、'center'、'bottom'，預設'center' |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
hovered |
Boolean | false |
No | 輸入是否為滑鼠移入狀態，預設false |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態，預設false |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
paddingStyle |
Object | {v:0,h:15} |
No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15} |
borderWidth |
Number | 1 |
No | 輸入邊框寬度數字，單位為px，預設1 |
borderRadius |
Number | 30 |
No | 輸入框圓角度數字，單位為px，預設30 |
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' |
shadow |
Boolean | true |
No | 輸入是否為陰影模式，預設true |
leftIcon |
String | '' |
No | 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
leftIconSize |
Number | 24 |
No | 輸入左側圖標大小，單位為px，預設24 |
leftIconColor |
String | 'deep-orange lighten-2' |
No | 輸入左側圖標顏色字串，預設'deep-orange lighten-2' |
leftIconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1' |
leftIconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1' |
leftIconTooltip |
String | '' |
No | 輸入左側圖標提示文字字串，預設'' |
rightIcon |
String | '' |
No | 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
rightIconSize |
Number | 24 |
No | 輸入右側圖標大小，單位為px，預設24 |
rightIconColor |
String | 'deep-orange lighten-2' |
No | 輸入右側圖標顏色字串，預設'deep-orange lighten-2' |
rightIconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1' |
rightIconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1' |
rightIconTooltip |
String | '' |
No | 輸入右側圖標提示文字字串，預設'' |
iconShiftOuter |
Number | -10 |
No | 輸入左右側圖標與外框距離數字，單位為px，預設-10 |
iconShiftInner |
Number | 5 |
No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5 |
tooltipBorderRadius |
Number | 4 |
No | 輸入提示文字框圓角度數字，單位為px，預設4 |
tooltipPaddingStyle |
Object | {v:5,h:8} |
No | 輸入提示文字內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:5,h:8} |
tooltipTextFontSize |
String | '0.85rem' |
No | 輸入提示文字字型大小字串，預設'0.85rem' |
tooltipTextColor |
String | 'white' |
No | 輸入提示文字顏色字串，預設'white' |
tooltipBackgroundColor |
String | 'rgba(60,60,60,0.75)' |
No | 輸入背景顏色字串，預設'rgba(60,60,60,0.75)' |
verticalAlign |
String | 'center' |
No | 輸入input與文字之垂直對齊字串，可選'top'、'center'、'bottom'，預設'center' |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
hovered |
Boolean | false |
No | 輸入是否為滑鼠移入狀態，預設false |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態，預設false |