WListExpandItem

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

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