The Google Material design guidelines at https://material.google.com/components/lists.html#lists-behavior describe the way lists should be filtered which looks like as shown in these screenshots:
The closest I could get was to use an <ion-select> inside the navbar:
Although the font looks slightly different I can live with this. The problem I am having is when I press the select:
It shows a popup, instead of a dropdown as shown in the screenshot above.
Is there a way to create this behaviour, or should I file it as a feature request?