Highlight the selected card with an icon for better visibility!

[Ritik_Dixit]

I want to create a list with multiple cards, where the selected card is highlighted by displaying an icon. How can I achieve this functionality? I have attached a screenshot for your reference.

[Ritik_Dixit]

1. I dragged a list onto the canvas and mapped the API response to populate it.

2. The list is successfully populated with the API data.

3. I created a JavaScript function that adds a flag to each object, initially set to false by default.
   

   

4. On clicking a specific card, another JavaScript function updates the flag to true for the selected card while setting it to false for the rest. This function executes on the onClick event of the cards in the list.
   

   

5. Finally, I created a BRE condition: OBJ(flag) == static(true, string), which checks if the flag is true and makes the icon visible for the selected card.Ensure to reload the list element.