WSwitch

Description:

Props

Name Type Default value Required? Description
value Boolean|String false No 輸入是否狀態的布林值或字串,可接受true或false,或是'y'或'n',預設false
text String '' No 輸入文字字串,預設''
textColor String 'black' No 輸入文字顏色字串,預設'black'
textColorHover String 'grey darken-3' No 輸入滑鼠移入時文字顏色字串,預設'grey darken-3'
textFontSize String '0.85rem' No 輸入文字字型大小字串,預設'0.85rem'
switchSize Number 24 No 輸入切換器大小,單位為px,預設24
checkedSwitchCircleColor String 'blue darken-3' No 輸入可編輯時,有效(true|'y')切換器鈕扣區顏色字串,預設'blue darken-3'
checkedSwitchCircleColorHover String 'blue darken-2' No 輸入滑鼠移入時可編輯時,有效(true|'y')切換器鈕扣區顏色字串,預設'blue darken-2'
checkedSwitchCircleColorDisabled String 'grey' No 輸入不可編輯時,有效(true|'y')切換器鈕扣區顏色字串,預設'grey'
uncheckedSwitchCircleColor String '#8ad' No 輸入可編輯時,無效(false|'n')切換器鈕扣區顏色字串,預設'#8ad'
uncheckedSwitchCircleColorHover String '#9bd' No 輸入滑鼠移入時可編輯時,無效(false|'n')切換器鈕扣區顏色字串,預設'#9bd'
uncheckedSwitchCircleColorDisabled String '#bbb' No 輸入不可編輯時,無效(false|'n')切換器鈕扣區顏色字串,預設'#bbb'
checkedSwitchBarColor String '#74a4d9' No 輸入可編輯時,有效(true|'y')切換器滑動區顏色字串,預設'#74a4d9'
checkedSwitchBarColorHover String '#8bb3df' No 輸入滑鼠移入時可編輯時,有效(true|'y')切換器滑動區顏色字串,預設'#8bb3df'
uncheckedSwitchBarColor String '#8ad' No 輸入可編輯時,無效(false|'n')切換器滑動區顏色字串,預設'#8ad'
uncheckedSwitchBarColorHover String '#9bd' No 輸入滑鼠移入時可編輯時,無效(false|'n')切換器滑動區顏色字串,預設'#9bd'
uncheckedSwitchBarColorDisabled String '#bbb' No 輸入不可編輯時,無效(false|'n')切換器滑動區顏色字串,預設'#bbb'
editable Boolean true No 輸入是否為編輯模式布林值,預設true

Props

Name Type Default value Required? Description
value Boolean|String false No 輸入是否狀態的布林值或字串,可接受true或false,或是'y'或'n',預設false
text String '' No 輸入文字字串,預設''
textColor String 'black' No 輸入文字顏色字串,預設'black'
textColorHover String 'grey darken-3' No 輸入滑鼠移入時文字顏色字串,預設'grey darken-3'
textFontSize String '0.85rem' No 輸入文字字型大小字串,預設'0.85rem'
switchSize Number 24 No 輸入切換器大小,單位為px,預設24
checkedSwitchCircleColor String 'blue darken-3' No 輸入可編輯時,有效(true|'y')切換器鈕扣區顏色字串,預設'blue darken-3'
checkedSwitchCircleColorHover String 'blue darken-2' No 輸入滑鼠移入時可編輯時,有效(true|'y')切換器鈕扣區顏色字串,預設'blue darken-2'
checkedSwitchCircleColorDisabled String 'grey' No 輸入不可編輯時,有效(true|'y')切換器鈕扣區顏色字串,預設'grey'
uncheckedSwitchCircleColor String '#8ad' No 輸入可編輯時,無效(false|'n')切換器鈕扣區顏色字串,預設'#8ad'
uncheckedSwitchCircleColorHover String '#9bd' No 輸入滑鼠移入時可編輯時,無效(false|'n')切換器鈕扣區顏色字串,預設'#9bd'
uncheckedSwitchCircleColorDisabled String '#bbb' No 輸入不可編輯時,無效(false|'n')切換器鈕扣區顏色字串,預設'#bbb'
checkedSwitchBarColor String '#74a4d9' No 輸入可編輯時,有效(true|'y')切換器滑動區顏色字串,預設'#74a4d9'
checkedSwitchBarColorHover String '#8bb3df' No 輸入滑鼠移入時可編輯時,有效(true|'y')切換器滑動區顏色字串,預設'#8bb3df'
uncheckedSwitchBarColor String '#8ad' No 輸入可編輯時,無效(false|'n')切換器滑動區顏色字串,預設'#8ad'
uncheckedSwitchBarColorHover String '#9bd' No 輸入滑鼠移入時可編輯時,無效(false|'n')切換器滑動區顏色字串,預設'#9bd'
uncheckedSwitchBarColorDisabled String '#bbb' No 輸入不可編輯時,無效(false|'n')切換器滑動區顏色字串,預設'#bbb'
editable Boolean true No 輸入是否為編輯模式布林值,預設true