A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://mdbootstrap.com/docs/react/extended/select-with-custom-input below:

React Bootstrap Select with custom input

Select with custom Input React Bootstrap Select with custom input - free examples & tutorial

Responsive React Select with custom user input built with Bootstrap 5. Click on the Other option to input a custom value into the select.

To learn more read Select Docs.

Basic example

To create select with custom input component, add right after the select an input field. Then thanks to state inputActive render input only when the option "other" is chosen. Moreover, add a little bit of extra js to make everything work correctly and it is done.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4