# SolidJs-Select

SolidJs Select is a compact, highly functional select control

For examples and help [solidjs-select](https://markgregg.github.io/solidjs-select/)

## To install

yarn add solidjs-select

npm i --save solidjs-select

## Quick start

A simple string list
```js
<SolidJsSelect
  title="test"
  choices={choices}
/>
```

## Style varibales
### Main
- --solidjsSelectBorder
- --solidjsSelectClearSelectionIconSize
- --solidjsSelectInputTextMaxWidth
- --solidjsSelectSelectedItemFontWeight

### General
- --solidjsSelectFontColor
- --solidjsSelectDisabledFontColor
- --solidjsSelectFontWeight
- --solidjsSelectFontFamily
- --solidjsSelectFontSize
- --solidjsSelectFontStyle
- --solidjsSelectBackgroundColor
- --solidjsSelectBackgroundImage
- --solidjsSelectDisabledBackgroundColor
- --solidjsSelectDisabledBackgroundImage

### Choice
- --solidjsSelectHighlightedFontColor
- --solidjsSelectHighlightedBackgroundColor
- --solidjsSelectHighlightedBackgroundImage
- --solidjsSelectSelectedBackgroundBackgroundColor
- --solidjsSelectSelectedFontColor
- --solidjsSelectSelectedBackgroundColor
- --solidjsSelectSelectedBackgroundImage
- --solidjsSelectChoiceBackgroundImage
- --solidjsSelectChoiceSelectedIndicatorBorder
- --solidjsSelectSelectedIconSize
- --solidjsSelectSelectedIconColor

### Title
- --solidjsSelectTitleFontSize
- --solidjsSelectTitleFontWeight

### ToolTip
- --solidjsSelectToolTipFontColor
- --solidjsSelectToolTipFontWeight
- --solidjsSelectToolTipFontSize
- --solidjsSelectToolTipFontStyle
- --solidjsSelectToolTipTextAlign
- --solidjsSelectToolTipBorder
- --solidjsSelectToolTipBackgroundColor
- --solidjsSelectToolTipBackgroundImage

### Scrollbar 
- --scrollbarColor
- --scrollbarArrowColor
- --scrollbarArrowHoverColor
- --scrollbarArrowHoverBackground
- --scrollbarThumbColor
- --scrollbarThumbHoverColor