Is there a way to add a search bar to custom lists?

Right now I’m building a followers list, and seem to be stuck between two imperfect options:

  1. Custom list with no search bar at the top
  2. Simple list with search bar, but no way to change the right side icon

Why this matters:
In Option 2, the user can add friends from a list of users they don’t already follow, and can click follow on the right side. But I can’t remove the icon after they do so to indicate they’ve sent a request.

In Option 1, it’s a terrible experience to have to manually scroll the entire user base to find someone alphabetically, but I can’t find any way of adding a search bar to the top.

Appreciate any advice here. Screenshots of both:

  1. Custom list w/ no search function:
    Screen Shot 2021-11-08 at 2.26.55 PM

  2. Simple list w/ search function and no right side icon change:
    Screen Shot 2021-11-08 at 2.27.03 PM

1 Like

Easy to do with a custom list.

Add an “input” component to the screen (not in the list but place it above the input) and put “search” as the placeholder text and “search input” as the name of the input.

On the custom list, add a custom filter: user full name > contains > Search input.


2 Likes

Exactly what I was looking for. Thank you so much!

3 Likes

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.