1.0.2 • Published 6 years ago
@fenderdigital/react-select-box v1.0.2
SelectBox for Fender React UI Kit
Description
A styled select component.
Installation and Usage
yarn add @fenderdigital/react-select-box --saveimport 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.