solidjs-show-code v0.1.4

SolidJs-Select

SolidJs Select is a compact, highly functional select control

For examples and help solidjs-select

To install

yarn add solidjs-select

npm i --save solidjs-select

Quick start

A simple string list

<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