- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
paddingStyle |
Object | {v:2,h:15} |
No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:15} |
borderRadius |
Number | 30 |
No | 輸入框圓角度數字，單位為px，預設30 |
shadow |
Boolean | true |
No | 輸入是否為陰影模式布林值，預設true |
items |
Array | [] |
No | 輸入可選(建議)項目陣列，預設[] |
value |
Object|String|Number | null |
No | 輸入目前選擇項目，可為物件、字串、數字，預設null |
keyText |
String | 'text' |
No | 輸入取項目物件內之顯示用文字鍵值字串，預設'text' |
textFontSize |
String | '0.85rem' |
No | 輸入文字大小字串，預設'0.85rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串，預設'black' |
itemTextFontSize |
String | '0.8rem' |
No | 輸入項目顯示文字大小字串，預設'0.8rem' |
itemTextColor |
String | '#444' |
No | 輸入項目文字顏色字串，預設'#444' |
itemTextColorHover |
String | '#333' |
No | 輸入項目文字Hover顏色字串，預設'#333' |
itemBackgroundColor |
String | 'white' |
No | 輸入項目背景顏色字串，預設'white' |
itemBackgroundColorHover |
String | '#f2f2f2' |
No | 輸入項目背景Hover顏色字串，預設'#f2f2f2' |
itemPaddingStyle |
Object | {v:10,h:14} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:14} |
leftIcon |
String | '' |
No | 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
leftIconSize |
Number | 24 |
No | 輸入左側圖標大小，單位為px，預設24 |
leftIconColor |
String | 'deep-orange lighten-2' |
No | 輸入左側圖標顏色字串，預設'deep-orange lighten-2' |
leftIconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1' |
leftIconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1' |
leftIconTooltip |
String | '' |
No | 輸入左側圖標提示文字字串，預設'' |
rightIcon |
String | '' |
No | 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
rightIconSize |
Number | 24 |
No | 輸入右側圖標大小，單位為px，預設24 |
rightIconColor |
String | 'deep-orange lighten-2' |
No | 輸入右側圖標顏色字串，預設'deep-orange lighten-2' |
rightIconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1' |
rightIconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1' |
rightIconTooltip |
String | '' |
No | 輸入右側圖標提示文字字串，預設'' |
iconShiftOuter |
Number | -10 |
No | 輸入左右側圖標與外框距離數字，單位為px，預設-10 |
iconShiftInner |
Number | 5 |
No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5 |
backgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
backgroundColorHover |
String | 'white' |
No | 輸入滑鼠移入時背景顏色字串，預設'white' |
backgroundColorFocus |
String | 'white' |
No | 輸入取得焦點時背景顏色字串，預設'white' |
borderColor |
String | 'white' |
No | 輸入邊框顏色字串，預設'white' |
borderColorHover |
String | 'white' |
No | 輸入滑鼠移入時邊框顏色字串，預設'white' |
borderColorFocus |
String | 'white' |
No | 輸入取得焦點時邊框顏色字串，預設'white' |
showExpansionIcon |
Boolean | true |
No | 輸入是否顯示時顯示旋轉按鈕布林值，預設true |
expansionIconSize |
Number | 18 |
No | 輸入右側圖標尺寸數字，單位為px，預設18 |
expansionIconColor |
String | 'grey' |
No | 輸入右側圖標顏色字串，預設'grey' |
maxHeight |
Number | 200 |
No | 輸入顯示區最大高度數字，單位為px，預設200 |
minWidth |
Number | null |
No | 輸入最小寬度，單位為px，預設null |
maxWidth |
Number | null |
No | 輸入最大寬度，單位為px，預設null |
autoFitMinWidth |
Boolean | true |
No | 輸入是否使用驅動區寬度作為內容區之最小寬度布林值，預設true |
autoFitMaxWidth |
Boolean | true |
No | 輸入是否使用驅動區寬度作為內容區之最大寬度布林值，預設true |
placeholder |
String | '' |
No | 輸入無文字時的替代字符字串，預設'' |
loadingText |
String | 'Loading...' |
No | 輸入載入中字串，預設'Loading...' |
noResultsText |
String | 'No results' |
No | 輸入無過濾結果字串，預設'No results' |
searchingText |
String | 'Searching...' |
No | 輸入搜索中字串，預設'Searching...' |
defItemHeight |
Number | 43 |
No | 輸入按需顯示時各項目預設高度值數字，給越準或給大部分項目的高度則渲染速度越快，單位為px，預設43 |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態布林值，預設false |
showPanel |
Boolean | false |
No | 輸入是否顯示清單布林值，預設false |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
paddingStyle |
Object | {v:2,h:15} |
No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:15} |
borderRadius |
Number | 30 |
No | 輸入框圓角度數字，單位為px，預設30 |
shadow |
Boolean | true |
No | 輸入是否為陰影模式布林值，預設true |
items |
Array | [] |
No | 輸入可選(建議)項目陣列，預設[] |
value |
Object|String|Number | null |
No | 輸入目前選擇項目，可為物件、字串、數字，預設null |
keyText |
String | 'text' |
No | 輸入取項目物件內之顯示用文字鍵值字串，預設'text' |
textFontSize |
String | '0.85rem' |
No | 輸入文字大小字串，預設'0.85rem' |
textColor |
String | 'black' |
No | 輸入文字顏色字串，預設'black' |
itemTextFontSize |
String | '0.8rem' |
No | 輸入項目顯示文字大小字串，預設'0.8rem' |
itemTextColor |
String | '#444' |
No | 輸入項目文字顏色字串，預設'#444' |
itemTextColorHover |
String | '#333' |
No | 輸入項目文字Hover顏色字串，預設'#333' |
itemBackgroundColor |
String | 'white' |
No | 輸入項目背景顏色字串，預設'white' |
itemBackgroundColorHover |
String | '#f2f2f2' |
No | 輸入項目背景Hover顏色字串，預設'#f2f2f2' |
itemPaddingStyle |
Object | {v:10,h:14} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:14} |
leftIcon |
String | '' |
No | 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
leftIconSize |
Number | 24 |
No | 輸入左側圖標大小，單位為px，預設24 |
leftIconColor |
String | 'deep-orange lighten-2' |
No | 輸入左側圖標顏色字串，預設'deep-orange lighten-2' |
leftIconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1' |
leftIconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1' |
leftIconTooltip |
String | '' |
No | 輸入左側圖標提示文字字串，預設'' |
rightIcon |
String | '' |
No | 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'' |
rightIconSize |
Number | 24 |
No | 輸入右側圖標大小，單位為px，預設24 |
rightIconColor |
String | 'deep-orange lighten-2' |
No | 輸入右側圖標顏色字串，預設'deep-orange lighten-2' |
rightIconColorHover |
String | 'deep-orange lighten-1' |
No | 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1' |
rightIconColorFocus |
String | 'deep-orange lighten-1' |
No | 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1' |
rightIconTooltip |
String | '' |
No | 輸入右側圖標提示文字字串，預設'' |
iconShiftOuter |
Number | -10 |
No | 輸入左右側圖標與外框距離數字，單位為px，預設-10 |
iconShiftInner |
Number | 5 |
No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5 |
backgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
backgroundColorHover |
String | 'white' |
No | 輸入滑鼠移入時背景顏色字串，預設'white' |
backgroundColorFocus |
String | 'white' |
No | 輸入取得焦點時背景顏色字串，預設'white' |
borderColor |
String | 'white' |
No | 輸入邊框顏色字串，預設'white' |
borderColorHover |
String | 'white' |
No | 輸入滑鼠移入時邊框顏色字串，預設'white' |
borderColorFocus |
String | 'white' |
No | 輸入取得焦點時邊框顏色字串，預設'white' |
showExpansionIcon |
Boolean | true |
No | 輸入是否顯示時顯示旋轉按鈕布林值，預設true |
expansionIconSize |
Number | 18 |
No | 輸入右側圖標尺寸數字，單位為px，預設18 |
expansionIconColor |
String | 'grey' |
No | 輸入右側圖標顏色字串，預設'grey' |
maxHeight |
Number | 200 |
No | 輸入顯示區最大高度數字，單位為px，預設200 |
minWidth |
Number | null |
No | 輸入最小寬度，單位為px，預設null |
maxWidth |
Number | null |
No | 輸入最大寬度，單位為px，預設null |
autoFitMinWidth |
Boolean | true |
No | 輸入是否使用驅動區寬度作為內容區之最小寬度布林值，預設true |
autoFitMaxWidth |
Boolean | true |
No | 輸入是否使用驅動區寬度作為內容區之最大寬度布林值，預設true |
placeholder |
String | '' |
No | 輸入無文字時的替代字符字串，預設'' |
loadingText |
String | 'Loading...' |
No | 輸入載入中字串，預設'Loading...' |
noResultsText |
String | 'No results' |
No | 輸入無過濾結果字串，預設'No results' |
searchingText |
String | 'Searching...' |
No | 輸入搜索中字串，預設'Searching...' |
defItemHeight |
Number | 43 |
No | 輸入按需顯示時各項目預設高度值數字，給越準或給大部分項目的高度則渲染速度越快，單位為px，預設43 |
editable |
Boolean | true |
No | 輸入是否為編輯模式布林值，預設true |
focused |
Boolean | false |
No | 輸入是否為取得焦點狀態布林值，預設false |
showPanel |
Boolean | false |
No | 輸入是否顯示清單布林值，預設false |