To start using the <ComboBox /> component, all you need to import is React, the code and the styles of the component itself: @zippytech/react-toolkit/ComboBox and @zippytech/react-toolkit/ComboBox/index.css.

This is the most basic setup for a <ComboBox />. In the following sections we'll explore how to use the <ComboBox /> in various scenarios, supported props, theming, using a local/remote dataSource, etc.

There are a lot more props supported by the <ComboBox />, but the most important scenarios have been shown above. See the example below to configure other props you might find useful.

When filtering, you can control at what point the <ComboBox /> should start filtering values using filterMinLength - this specifies the minimum length of the text when filtering values inside the <ComboBox /> list. filterMinLength defaults to 0.