- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入全部可選字串或物件陣列，預設[] |
value |
Array|Object | null |
No | 輸入單、複選陣列或物件陣列，預設null |
keyIcon |
String | 'icon' |
No | 輸入可選項目為物件時，存放圖標之欄位字串，預設'icon' |
keyTooltip |
String | 'tooltip' |
No | 輸入可選項目為物件時，存放提示之欄位字串，預設'tooltip' |
dir |
String | 'horizontal' |
No | 輸入圖標排列方向字串，可選'horizontal'、'vertical'，預設'horizontal' |
iconColor |
String | '#222' |
No | 輸入圖標顏色字串，預設'#222' |
iconColorHover |
String | '#444' |
No | 輸入滑鼠移入時圖標顏色字串，預設'#444' |
iconColorFocus |
String | '#666' |
No | 輸入取得焦點時按鈕圖標顏色字串，預設'#666' |
iconColorActive |
String | '#333' |
No | 輸入主動模式時圖標顏色字串，預設'#333' |
iconSize |
Number | 22 |
No | 輸入左側圖標之尺寸數字，單位px，預設22 |
borderWidth |
Number | 0 |
No | 輸入框線寬度數字，單位為px，預設0 |
borderRadius |
Number | 4 |
No | 輸入框圓角度數字，單位為px，預設4 |
borderColor |
String | 'transparent' |
No | 輸入邊框顏色字串，預設'transparent' |
borderColorHover |
String | 'transparent' |
No | 輸入滑鼠移入時邊框顏色字串，預設'transparent' |
borderColorFocus |
String | 'transparent' |
No | 輸入取得焦點時按鈕框線顏色字串，預設'transparent' |
borderColorActive |
String | 'transparent' |
No | 輸入主動模式時邊框顏色字串，預設'transparent' |
backgroundColor |
String | '#f2f2f2' |
No | 輸入背景顏色字串，預設'#f2f2f2' |
backgroundColorHover |
String | '#eaeaea' |
No | 輸入滑鼠移入時背景顏色字串，預設'#eaeaea' |
backgroundColorFocus |
String | '#e2e2e2' |
No | 輸入取得焦點時按鈕背景顏色字串，預設'#e2e2e2' |
backgroundColorActive |
String | '#cecece' |
No | 輸入主動模式時背景顏色字串，預設'#cecece' |
seplineWidth |
Number | 1 |
No | 輸入分隔線寬度數字，單位為px，預設1 |
seplineColor |
String | '#ddd' |
No | 輸入分隔線顏色字串，預設'#ddd' |
tooltipBorderRadius |
Number | 4 |
No | 輸入提示文字框圓角度數字，單位為px，預設4 |
tooltipPaddingStyle |
Object | {v:5,h:8} |
No | 輸入提示文字內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:5,h:8} |
tooltipTextFontSize |
String | '0.85rem' |
No | 輸入提示文字字型大小字串，預設'0.85rem' |
tooltipTextColor |
String | 'white' |
No | 輸入提示文字顏色字串，預設'white' |
tooltipBackgroundColor |
String | 'rgba(60,60,60,0.75)' |
No | 輸入背景顏色字串，預設'rgba(60,60,60,0.75)' |
rippleColor |
String | 'rgba(255,255,255,0.5)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.5)' |
paddingStyle |
Object | {v:4,h:4} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:4,h:4} |
shadow |
Boolean | false |
No | 輸入是否顯示陰影布林值，預設false |
shadowStyle |
String | '' |
No | 輸入陰影顏色字串，預設值詳見props |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入全部可選字串或物件陣列，預設[] |
value |
Array|Object | null |
No | 輸入單、複選陣列或物件陣列，預設null |
keyIcon |
String | 'icon' |
No | 輸入可選項目為物件時，存放圖標之欄位字串，預設'icon' |
keyTooltip |
String | 'tooltip' |
No | 輸入可選項目為物件時，存放提示之欄位字串，預設'tooltip' |
dir |
String | 'horizontal' |
No | 輸入圖標排列方向字串，可選'horizontal'、'vertical'，預設'horizontal' |
iconColor |
String | '#222' |
No | 輸入圖標顏色字串，預設'#222' |
iconColorHover |
String | '#444' |
No | 輸入滑鼠移入時圖標顏色字串，預設'#444' |
iconColorFocus |
String | '#666' |
No | 輸入取得焦點時按鈕圖標顏色字串，預設'#666' |
iconColorActive |
String | '#333' |
No | 輸入主動模式時圖標顏色字串，預設'#333' |
iconSize |
Number | 22 |
No | 輸入左側圖標之尺寸數字，單位px，預設22 |
borderWidth |
Number | 0 |
No | 輸入框線寬度數字，單位為px，預設0 |
borderRadius |
Number | 4 |
No | 輸入框圓角度數字，單位為px，預設4 |
borderColor |
String | 'transparent' |
No | 輸入邊框顏色字串，預設'transparent' |
borderColorHover |
String | 'transparent' |
No | 輸入滑鼠移入時邊框顏色字串，預設'transparent' |
borderColorFocus |
String | 'transparent' |
No | 輸入取得焦點時按鈕框線顏色字串，預設'transparent' |
borderColorActive |
String | 'transparent' |
No | 輸入主動模式時邊框顏色字串，預設'transparent' |
backgroundColor |
String | '#f2f2f2' |
No | 輸入背景顏色字串，預設'#f2f2f2' |
backgroundColorHover |
String | '#eaeaea' |
No | 輸入滑鼠移入時背景顏色字串，預設'#eaeaea' |
backgroundColorFocus |
String | '#e2e2e2' |
No | 輸入取得焦點時按鈕背景顏色字串，預設'#e2e2e2' |
backgroundColorActive |
String | '#cecece' |
No | 輸入主動模式時背景顏色字串，預設'#cecece' |
seplineWidth |
Number | 1 |
No | 輸入分隔線寬度數字，單位為px，預設1 |
seplineColor |
String | '#ddd' |
No | 輸入分隔線顏色字串，預設'#ddd' |
tooltipBorderRadius |
Number | 4 |
No | 輸入提示文字框圓角度數字，單位為px，預設4 |
tooltipPaddingStyle |
Object | {v:5,h:8} |
No | 輸入提示文字內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:5,h:8} |
tooltipTextFontSize |
String | '0.85rem' |
No | 輸入提示文字字型大小字串，預設'0.85rem' |
tooltipTextColor |
String | 'white' |
No | 輸入提示文字顏色字串，預設'white' |
tooltipBackgroundColor |
String | 'rgba(60,60,60,0.75)' |
No | 輸入背景顏色字串，預設'rgba(60,60,60,0.75)' |
rippleColor |
String | 'rgba(255,255,255,0.5)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.5)' |
paddingStyle |
Object | {v:4,h:4} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:4,h:4} |
shadow |
Boolean | false |
No | 輸入是否顯示陰影布林值，預設false |
shadowStyle |
String | '' |
No | 輸入陰影顏色字串，預設值詳見props |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |