# 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