When clicking on the filter icon inside the search input field, a box will appear underneath with 4 checkboxes:
By name
By email
By student name
By student organization
The default selected value is By name and multiple checkboxes can be selected. If none is selected, the By name option will be selected again when the user starts/continues typing in the input field.
The filter icon will also act as a toggle to show/hide the search filter box.
The data in the mentors table will be displayed according to the selected search filter/s.
Design: https://www.figma.com/file/DgrKZX9mS13Zgf7k5pZ1WT/Partner-web-app?type=design&node-id=1230-7182&mode=design&t=VjTcgm5cFWEVqwKZ-4
When clicking on the filter icon inside the search input field, a box will appear underneath with 4 checkboxes:
The default selected value is
By nameand multiple checkboxes can be selected. If none is selected, theBy nameoption will be selected again when the user starts/continues typing in the input field.The filter icon will also act as a toggle to show/hide the search filter box.
The data in the mentors table will be displayed according to the selected search filter/s.