- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
tooltip |
String | '' |
No | 輸入提示文字字串，預設'' |
icon |
String | '' |
No | 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
iconSize |
Number | 22 |
No | 輸入圖標大小，單位為px，預設22 |
iconColor |
String | 'grey darken-1' |
No | 輸入按鈕圖標顏色字串，預設'grey darken-1' |
iconColorHover |
String | 'grey darken-2' |
No | 輸入滑鼠移入時按鈕圖標顏色字串，預設'grey darken-2' |
iconColorFocus |
String | 'grey darken-3' |
No | 輸入取得焦點時按鈕圖標顏色字串，預設'grey darken-3' |
iconColorActive |
String | 'grey darken-3' |
No | 輸入主動模式時按鈕圖標顏色字串，預設'grey darken-3' |
borderRadius |
Number|String | '50%' |
No | 輸入框圓角度數字或字串，若給予數字時單位為px，預設'50%' |
borderRadiusStyle |
Object | {left:true,right:true} |
No | 輸入框圓角設定物件，可用鍵值為left、right、top、bottom、top-left、bottom-left、top-right、bottom-right，left代表設定top-left與bottom-left，right代表設定top-right與bottom-right，top代表設定top-left與top-right，bottom代表設定bottom-left與bottom-right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為布林值，預設{left:true,right:true} |
borderWidth |
Number | 0 |
No | 輸入框線寬度數字，單位為px，預設0 |
borderColor |
String | 'transparent' |
No | 輸入按鈕框線顏色字串，預設'transparent' |
borderColorHover |
String | 'transparent' |
No | 輸入滑鼠移入時按鈕框線顏色字串，預設'transparent' |
borderColorFocus |
String | 'transparent' |
No | 輸入取得焦點時按鈕框線顏色字串，預設'transparent' |
borderColorActive |
String | 'transparent' |
No | 輸入主動模式時按鈕框線顏色字串，預設'transparent' |
backgroundColor |
String | 'rgb(241,241,241)' |
No | 輸入按鈕背景顏色字串，預設'rgb(241,241,241)' |
backgroundColorHover |
String | 'rgb(236,236,236)' |
No | 輸入滑鼠移入時按鈕背景顏色字串，預設'rgb(236,236,236)' |
backgroundColorFocus |
String | 'rgb(230,230,230)' |
No | 輸入取得焦點時按鈕背景顏色字串，預設'rgb(230,230,230)' |
backgroundColorActive |
String | 'rgb(230,230,230)' |
No | 輸入主動模式時按鈕背景顏色字串，預設'rgb(230,230,230)' |
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)' |
rippleColor |
String | 'rgba(255,255,255,0.5)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.5)' |
paddingStyle |
Object | {v:4,h:4} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:4,h:4} |
shadow |
Boolean | true |
No | 輸入是否為陰影模式，預設true |
shadowStyle |
String | '' |
No | 輸入陰影顏色字串，預設值詳見props |
active |
Boolean | false |
No | 輸入是否為主動模式布林值，預設false |
cursorPointer |
Boolean | true |
No | 輸入是否滑鼠移入顯示pointer樣式，預設true |
loading |
Boolean | false |
No | 輸入是否為載入模式，預設false |
loadingColor |
String | 'grey darken-2' |
No | 輸入載入圖標顏色字串，預設'grey darken-2' |
promiseUnlock |
Boolean | false |
No | 輸入是否點擊後自動設定為loading為true並需使用promise解鎖布林值，預設false |
role |
String | 'button' |
No | 輸入角色字串，預設'button' |
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 |
|---|---|---|---|---|
tooltip |
String | '' |
No | 輸入提示文字字串，預設'' |
icon |
String | '' |
No | 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
iconSize |
Number | 22 |
No | 輸入圖標大小，單位為px，預設22 |
iconColor |
String | 'grey darken-1' |
No | 輸入按鈕圖標顏色字串，預設'grey darken-1' |
iconColorHover |
String | 'grey darken-2' |
No | 輸入滑鼠移入時按鈕圖標顏色字串，預設'grey darken-2' |
iconColorFocus |
String | 'grey darken-3' |
No | 輸入取得焦點時按鈕圖標顏色字串，預設'grey darken-3' |
iconColorActive |
String | 'grey darken-3' |
No | 輸入主動模式時按鈕圖標顏色字串，預設'grey darken-3' |
borderRadius |
Number|String | '50%' |
No | 輸入框圓角度數字或字串，若給予數字時單位為px，預設'50%' |
borderRadiusStyle |
Object | {left:true,right:true} |
No | 輸入框圓角設定物件，可用鍵值為left、right、top、bottom、top-left、bottom-left、top-right、bottom-right，left代表設定top-left與bottom-left，right代表設定top-right與bottom-right，top代表設定top-left與top-right，bottom代表設定bottom-left與bottom-right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為布林值，預設{left:true,right:true} |
borderWidth |
Number | 0 |
No | 輸入框線寬度數字，單位為px，預設0 |
borderColor |
String | 'transparent' |
No | 輸入按鈕框線顏色字串，預設'transparent' |
borderColorHover |
String | 'transparent' |
No | 輸入滑鼠移入時按鈕框線顏色字串，預設'transparent' |
borderColorFocus |
String | 'transparent' |
No | 輸入取得焦點時按鈕框線顏色字串，預設'transparent' |
borderColorActive |
String | 'transparent' |
No | 輸入主動模式時按鈕框線顏色字串，預設'transparent' |
backgroundColor |
String | 'rgb(241,241,241)' |
No | 輸入按鈕背景顏色字串，預設'rgb(241,241,241)' |
backgroundColorHover |
String | 'rgb(236,236,236)' |
No | 輸入滑鼠移入時按鈕背景顏色字串，預設'rgb(236,236,236)' |
backgroundColorFocus |
String | 'rgb(230,230,230)' |
No | 輸入取得焦點時按鈕背景顏色字串，預設'rgb(230,230,230)' |
backgroundColorActive |
String | 'rgb(230,230,230)' |
No | 輸入主動模式時按鈕背景顏色字串，預設'rgb(230,230,230)' |
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)' |
rippleColor |
String | 'rgba(255,255,255,0.5)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.5)' |
paddingStyle |
Object | {v:4,h:4} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:4,h:4} |
shadow |
Boolean | true |
No | 輸入是否為陰影模式，預設true |
shadowStyle |
String | '' |
No | 輸入陰影顏色字串，預設值詳見props |
active |
Boolean | false |
No | 輸入是否為主動模式布林值，預設false |
cursorPointer |
Boolean | true |
No | 輸入是否滑鼠移入顯示pointer樣式，預設true |
loading |
Boolean | false |
No | 輸入是否為載入模式，預設false |
loadingColor |
String | 'grey darken-2' |
No | 輸入載入圖標顏色字串，預設'grey darken-2' |
promiseUnlock |
Boolean | false |
No | 輸入是否點擊後自動設定為loading為true並需使用promise解鎖布林值，預設false |
role |
String | 'button' |
No | 輸入角色字串，預設'button' |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
disabledColor |
String | 'rgba(255,255,255,0.5)' |
No | 輸入非編輯模式時遮罩顏色字串，預設'rgba(255,255,255,0.5)' |