react-combo-box
Advanced tools
A React combo box component to handle primary and alternate field values.
A React combobox component to handle primary and alternate field values.
$ npm i react-combo-box
<ReactCombobox
name='email'
primary='john@example.com'
alternates={['john.doe@example.com', 'john_doe@example.com']}
onPrimaryUpdated={this.onPrimaryUpdated}
/>
name Required
Name of the field.
primary Required
Primary value to be displayed and edited.
alternates
Alternate values to be displayed.
onPrimaryUpdated
Callback when the primary value is altered.
collapsed
Initial collapsed status. Defaults to true.
enableAnimation
Enable "Make Primary" animation. Defaults to true.
animationDuration
Animation duration in ms. Defaults to 300.
primaryInputClass
Class to be applied to the primary input element.
primaryInputHtmlOptions
Object of Html options for the primary input element.
toggleButtonClass
Class to be applied to the toggle button class.
alternateItemWrapperClass
Class to be applied to the alternate values wrapping element.
alternateValueClass
Class to be applied to each alternate value entry.
makePrimaryButtonClass
Class to be applied to the "Make Primary" button.
makePrimaryButtonText
"Make Primary" button text. Defaults to "Make primary".
showMoreButtonText
"Show More" button text. Defaults to "Show N more" where N is the number of alternate values.
showLessButtonText
"Show less" button text. Defaults to "Show less".
MIT
FAQs
A React combo box component to handle primary and alternate field values.
We found that react-combo-box demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
OpenAI rotated macOS signing certificates after a malicious Axios package reached its CI pipeline in a broader software supply chain attack.
Security News
Open source is under attack because of how much value it creates. It has been the foundation of every major software innovation for the last three decades. This is not the time to walk away from it.
Security News
Socket CEO Feross Aboukhadijeh breaks down how North Korea hijacked Axios and what it means for the future of software supply chain security.