How to create a List with Search Bar (input widget)?

How do I do X?
1

Basically the title. I’ve created a list that pulls data from an API, and I want to be able to filter the rows in the list based on the search bar (input widget) above it. Thank you in advance!

2

From @sharat87 on Discord:

Hey, you could do the filtering operation in the list widget’s binding itself. For example, if your list widget is currently bound to {{MyApi.data}} , and you want to filter it based on the value of Input1 , you could do something like this in the list widget:

{{MyApi.data.filter(item => item.toLowerCase().includes(Input1.text.toLowerCase()))}}
1 Like