SelectBox for Fender React UI Kit
Description
A styled select component.
Installation and Usage
yarn add @fenderdigital/react-select-box --save
import SelectBox from '@fenderdigital/react-select-box';Props
-
bgColor- a configurable tachyon background class. -
borderColor- a configurable tachyon border class. -
dataId- data id value. mainly, for automation testing. -
defaultMessage- default label for the select element. -
fontStyles- configurable tachyon classes for the text. -
htmlName- select element name. -
onChange- onChange callback. -
options- array of data. -
styles- configurable tachyon classes for the select element. -
value- a value used as a default selection.
| propName | propType | defaultValue | isRequired |
|---|---|---|---|
| bgColor | string | black-05 | - |
| borderColor | string | black-20 | - |
| dataId | string | select-box | - |
| defaultMessage | string | undefined | - |
| fontStyles | string | futura-book near-black f6 | - |
| htmlName | string | name | - |
| onChange | func | undefined | - |
| options | array | yes | |
| styles | string | pv2 | - |
| value | string | undefined | - |
Development
Check the Monorepo README for development documentation.