Fender React UI Kit SelectBox Component
npm install @fenderdigital/react-select-boxA styled select component.
```
yarn add @fenderdigital/react-select-box --save
`js`
import SelectBox from '@fenderdigital/react-select-box';
- 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 | - |
Check the Monorepo README for development documentation.