# WPanelAvatar

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`avatarOuterPadding` | Number | `15` | No | 輸入圖標區外側間距數字，單位為px，預設15
`avatarInnerPadding` | Number | `15` | No | 輸入圖標區內側間距數字，單位為px，預設15
`avatarIcon` | String | `mdiForest` | No | 輸入圖標字串，預設mdiForest
`avatarIconSize` | Number | `60` | No | 輸入圖標尺寸數字，單位為px，預設60
`avatarIconColor` | String | `'white'` | No | 輸入圖標顏色字串，預設'white'
`avatarBorderWidth` | Number | `1` | No | 輸入圖標區框線寬度數字，單位為px，預設1
`avatarBorderColor` | String | `'transparnet'` | No | 輸入圖標區框線顏色字串，預設'transparnet'
`avatarBackgroundColor` | String | `'rgba(239,108,0,0.5)'` | No | 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)'
`avatarBorderRadius` | Number | `10` | No | 輸入圖標區框圓角程度數字，單位為px，預設10
`avatarShadow` | Boolean | `true` | No | 輸入是否使用圖標區陰影效果數字，預設true
`shiftVFromAvaterCenter` | Number | `20` | No | 輸入圖標區基於水平中線之朝下平移數字，單位為px，預設20
`spaceHBetweenAvatarAndHeader` | Number | `20` | No | 輸入圖標區與右側標題區間距數字，單位為px，預設20
`spaceVBetweenHeaderAndContent` | Number | `0` | No | 輸入標題區與下方內容區間距數字，單位為px，預設0
`headerVerticalAlign` | String | `'center'` | No | 輸入標題區內文字垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'
`headerPadding` | Number | `15` | No | 輸入標題區間距數字，單位為px，預設15
`headerText` | String | `''` | No | 輸入標題區主要文字字串，預設''
`headerTextColor` | String | `'#444'` | No | 輸入標題區主要文字顏色字串，預設'#444'
`headerTextSize` | String | `'1.0rem'` | No | 輸入標題區主要文字字型大小數字，預設'1.0rem'
`subHeaderText` | String | `''` | No | 輸入標題區次要文字字串，預設''
`subHeaderTextColor` | String | `'#888'` | No | 輸入標題區次要文字顏色字串，預設'#888'
`subHeaderTextSize` | String | `'0.7rem'` | No | 輸入標題區次要文字字型大小數字，預設'0.7rem'
`sepLineWidth` | Number | `1` | No | 輸入標題區與內容區分隔線寬度數字，單位為px，預設1
`sepLineColor` | String | `'#ddd'` | No | 輸入標題區與內容區分隔線顏色字串，預設'#ddd'
`contentBorderRadius` | Number | `3` | No | 輸入內容區框圓角程度數字，單位為px，預設3
`contentBackgroundColor` | String | `'white'` | No | 輸入內容區背景顏色字串，預設'white'
`contentShadow` | Boolean | `true` | No | 輸入是否使用內容區陰影效果數字，預設true

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`avatarOuterPadding` | Number | `15` | No | 輸入圖標區外側間距數字，單位為px，預設15
`avatarInnerPadding` | Number | `15` | No | 輸入圖標區內側間距數字，單位為px，預設15
`avatarIcon` | String | `mdiForest` | No | 輸入圖標字串，預設mdiForest
`avatarIconSize` | Number | `60` | No | 輸入圖標尺寸數字，單位為px，預設60
`avatarIconColor` | String | `'white'` | No | 輸入圖標顏色字串，預設'white'
`avatarBorderWidth` | Number | `1` | No | 輸入圖標區框線寬度數字，單位為px，預設1
`avatarBorderColor` | String | `'transparnet'` | No | 輸入圖標區框線顏色字串，預設'transparnet'
`avatarBackgroundColor` | String | `'rgba(239,108,0,0.5)'` | No | 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)'
`avatarBorderRadius` | Number | `10` | No | 輸入圖標區框圓角程度數字，單位為px，預設10
`avatarShadow` | Boolean | `true` | No | 輸入是否使用圖標區陰影效果數字，預設true
`shiftVFromAvaterCenter` | Number | `20` | No | 輸入圖標區基於水平中線之朝下平移數字，單位為px，預設20
`spaceHBetweenAvatarAndHeader` | Number | `20` | No | 輸入圖標區與右側標題區間距數字，單位為px，預設20
`spaceVBetweenHeaderAndContent` | Number | `0` | No | 輸入標題區與下方內容區間距數字，單位為px，預設0
`headerVerticalAlign` | String | `'center'` | No | 輸入標題區內文字垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'
`headerPadding` | Number | `15` | No | 輸入標題區間距數字，單位為px，預設15
`headerText` | String | `''` | No | 輸入標題區主要文字字串，預設''
`headerTextColor` | String | `'#444'` | No | 輸入標題區主要文字顏色字串，預設'#444'
`headerTextSize` | String | `'1.0rem'` | No | 輸入標題區主要文字字型大小數字，預設'1.0rem'
`subHeaderText` | String | `''` | No | 輸入標題區次要文字字串，預設''
`subHeaderTextColor` | String | `'#888'` | No | 輸入標題區次要文字顏色字串，預設'#888'
`subHeaderTextSize` | String | `'0.7rem'` | No | 輸入標題區次要文字字型大小數字，預設'0.7rem'
`sepLineWidth` | Number | `1` | No | 輸入標題區與內容區分隔線寬度數字，單位為px，預設1
`sepLineColor` | String | `'#ddd'` | No | 輸入標題區與內容區分隔線顏色字串，預設'#ddd'
`contentBorderRadius` | Number | `3` | No | 輸入內容區框圓角程度數字，單位為px，預設3
`contentBackgroundColor` | String | `'white'` | No | 輸入內容區背景顏色字串，預設'white'
`contentShadow` | Boolean | `true` | No | 輸入是否使用內容區陰影效果數字，預設true