# WButtonCircle

Description:

### Props

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)'

### Props

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)'