WListExpandItem

Props

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}
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'
textColor String '#444' No 輸入文字顏色字串,預設'#444'
textColorHover String '#222' No 輸入滑鼠移入時文字顏色字串,預設'#222'
textColorActive String 'white' No 輸入主動模式時文字顏色字串,預設'white'
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'
expansionIcon String mdiPlay No 輸入顯隱圖標字串,可為mdi,md,fa代號或mdi/js路徑,預設使用mdi的圖標(mdiPlay)
expansionIconSize Number 18 No 輸入顯隱圖標尺寸數字,單位為px,預設18
expansionIconColor String '#aaa' No 輸入顯隱圖標顏色字串,預設'#aaa'
expansionIconColorHover String '#888' No 輸入滑鼠移入時顯隱圖標顏色字串,預設'#888'
expansionIconColorActive String 'rgba(255,255,255,0.8)' No 輸入主動模式時顯隱圖標顏色字串,預設'rgba(255,255,255,0.8)'
rippleColor String 'rgba(255,255,255,0.4)' No 輸入ripple效果顏色字串,預設'rgba(255,255,255,0.4)'

Description:

Props

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}
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'
textColor String '#444' No 輸入文字顏色字串,預設'#444'
textColorHover String '#222' No 輸入滑鼠移入時文字顏色字串,預設'#222'
textColorActive String 'white' No 輸入主動模式時文字顏色字串,預設'white'
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'
expansionIcon String mdiPlay No 輸入顯隱圖標字串,可為mdi,md,fa代號或mdi/js路徑,預設使用mdi的圖標(mdiPlay)
expansionIconSize Number 18 No 輸入顯隱圖標尺寸數字,單位為px,預設18
expansionIconColor String '#aaa' No 輸入顯隱圖標顏色字串,預設'#aaa'
expansionIconColorHover String '#888' No 輸入滑鼠移入時顯隱圖標顏色字串,預設'#888'
expansionIconColorActive String 'rgba(255,255,255,0.8)' No 輸入主動模式時顯隱圖標顏色字串,預設'rgba(255,255,255,0.8)'
rippleColor String 'rgba(255,255,255,0.4)' No 輸入ripple效果顏色字串,預設'rgba(255,255,255,0.4)'