Filtering made simple – A design concept.

When the requirement is: "I want to enable or disable client types and also filter by their different states separately", this solution provides a clean and intuitive way to manage filtering.

This UI concept explores a flexible approach to filters, adaptable for both mobile and web. It showcases three key states in light and dark mode:

1️⃣ Filter deactivated.

2️⃣ Filter activated, displaying options.

3️⃣ Selecting one or multiple states within the filter.

👉 What do you think?

👉 Would you approach it differently?

Drop your thoughts in the comments!