react-bootstrap-combobox
A combo-box component for React Bootstrap.
This is a very simple stateless wrapper around DropdownButton and MenuItem. It currently does only 2 things:
- Minimizes the number of characters one would need to type when building a component in this fashion.
- The dropdown menu has a maximum height automatically calculated to prevent it from overflowing the viewport.
Installation
npm i react-bootstrap-combobox --save
Usage
import {Combo} from 'react-bootstrap-combobox';
function someFunc(key: string) {
...
}
<Combo items={{
volvo: 'Volvo',
saab: 'Saab',
mercedes: 'Mercedes',
audi: 'Audi'
}} value="volvo" onChange={someFunc} />
Caveats
- Both
items
andvalue
are required props. - The component is stateless, which means that its
value
cannot be changed without re-rendering it. - For performance reasons
items
are considered immutable. - The component is written using ES6 + Flow static types + JSX (comes precompiled with webcompiler) and SASS.