Integrating search within multi mat-select(Angular material)

Ankit kaushik
1 min readMay 29, 2022

--

Microscope search with Angular material logo

Recently, I got a requirement where we have to provide search support within a multi-select dropdown. Since we were already using the mat-select component from Angular material for the dropdown or select UI in our application I headed towards searching for a solution from the Angular material but we got none. Querying the web for some solution, I realised that either we had to include any external module|library or do so much for such a small add-on. It wasn’t really digestible to me, so I decided to come up with the bare minimum with whatever I had in my hand(or whatever my application was using already) to get the solution to our requirement.

The rest is upto you on how do you really want to style it as. Please find below the working example to try

If you like it👏, please show the appreciation😊✌️

--

--

Ankit kaushik
Ankit kaushik

Written by Ankit kaushik

Frontend Tech Lead, Angular Expert

Responses (1)