Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/bootstrap-select-dropdown-with-search

Responsive Select dropdown with search built with Bootstrap 5. Helps you find the options you are looking for by searching.
https://github.com/mdbootstrap/bootstrap-select-dropdown-with-search

bootstrap bootstrap-dropdown bootstrap-search bootstrap-select bootstrap-select-with-search bootstrap-template bootstrap-theme bootstrap5 html

Last synced: about 1 hour ago
JSON representation

Responsive Select dropdown with search built with Bootstrap 5. Helps you find the options you are looking for by searching.

Awesome Lists containing this project

README 

        

Responsive Select dropdown with search built with Bootstrap 5. Helps you find the options you are looking for by searching.



Check out [Bootstrap Select dropdown with search Documentation](https://mdbootstrap.com/docs/standard/extended/select-dropdown-with-search/) for detailed instructions & even more examples.



## Basic example



[Bootstrap Select dropdown with search:

![Bootstrap 5 Select dropdown with search](/assets/basic-example.png)](https://mdbootstrap.com/docs/standard/extended/select-dropdown-with-search/#section-basic-example)



## How to use?



1. Download MDB 5 - free UI KIT



2. Choose your favourite customized component and click on the image



3. Copy & paste the code into your MDB project



[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)



## More examples



[Bootstrap Multiselect dropdown with search:

![Bootstrap 5 Select dropdown with search](/assets/multiselect.png)](https://mdbootstrap.com/docs/standard/extended/select-dropdown-with-search/#section-multiselect)



[Bootstrap Select dropdown with search and label:

![Bootstrap 5 Select dropdown with search](/assets/with-label.png)](https://mdbootstrap.com/docs/standard/extended/select-dropdown-with-search/#section-with-label)



[Bootstrap Select dropdown with search and disabled options:

![Bootstrap 5 Select dropdown with search](/assets/disabled-options.png)](https://mdbootstrap.com/docs/standard/extended/select-dropdown-with-search/#section-disabled-options)



[Bootstrap Select dropdown with search and visible options:

![Bootstrap 5 Select dropdown with search](/assets/visible-options.png)](https://mdbootstrap.com/docs/standard/extended/select-dropdown-with-search/#section-visible-options)



[Bootstrap Select dropdown with search and icons:

![Bootstrap 5 Select dropdown with search](/assets/icons.png)](https://mdbootstrap.com/docs/standard/extended/select-dropdown-with-search/#section-icons)



[Bootstrap Select dropdown with search inside a modal:

![Bootstrap 5 Select dropdown with search](/assets/search-inside-modal.png)](https://mdbootstrap.com/docs/standard/extended/select-dropdown-with-search/#section-search-inside-modal)



___



## More extended Bootstrap documentation