WDrawer

Props

Name	Type	Default value	Required?	Description
value	Boolean	false	No	輸入是否顯示布林值，預設false
mode	String	'from-left'	No	輸入抽屜顯示位置字串，可使用'from-left'與'from-right'，預設'from-left'
drawerWidth	Number	200	No	輸入抽屜寬度數字，單位為px，預設200
drawerWidthMin	Number	null	No	輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最小值數字，預設null
drawerWidthMax	Number	null	No	輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最大值數字，預設null
afloat	Boolean	false	No	輸入是否為浮動顯示布林值，設為true時浮在內容區上故不壓縮內容區寬度，預設false
afloatByFix	Boolean	false	No	輸入浮動顯示時是否使用fixed布林值，若為true使用'fixed'反之使用'absolute'，預設false
overlayOpacity	Number	0.45	No	輸入浮動顯示時抽屜外側陰影層之透明度數字，預設0.45
overlayColor	String	'grey darken-2'	No	輸入浮動顯示時抽屜外側陰影層背景顏色字串，預設'grey darken-2'
drawerZIndex	Number	1000	No	輸入浮動顯示時抽屜使用z-index數字，預設1000
dragDrawerWidth	Boolean	false	No	輸入是否使用拖曳抽屜寬度分隔條布林值，預設false
drawerBarColor	String	'#ddd'	No	輸入分隔條顏色字串，預設'#ddd'
drawerBarSize	Number	2	No	輸入分隔條尺寸數字，為分隔條寬度，單位為px，預設2
drawerBarBorderColor	String	'transparent'	No	輸入分隔條框線顏色字串，預設'transparent'
drawerBarBorderSize	Number	3	No	輸入分隔條框線寬度數字，單位為px，預設3，通常配合barBorderColor='transparent'使可拖曳區加大又不遮蔽可視區
autoSwitchToHide	Boolean	false	No	輸入是否自動切換至隱藏布林值，當抽屜顯示時且組件寬度過小時則隱藏，預設false
autoSwitchToFloat	Boolean	false	No	輸入是否自動切換至浮動布林值，當抽屜顯示時且組件寬度過小時則浮動，預設false
autoSwitchToShow	Boolean	false	No	輸入是否自動切換至顯示布林值，當抽屜隱藏時且組件寬度過大時則顯示，預設false
switchWidth	Number	340	No	輸入當自動顯隱時判斷組件寬度過小之門檻寬度數字，單位為px，預設340