Site Studio View element to accept dynamic filter value from Site Studio component

Problem/Motivation

User should be able to re-use a component with Site Studio View element to display list of items tagged with different categories.
eg. There are 2 Article categories blog & news. Display a list of Blogs and news separately.

Currently, the Site Studio View element accepts hard code Filter value, in which case multiple components are required to be created for each category. Instead, create a single component and allow user to select the required filter value.

Steps to reproduce

• Create a view listing to display list of articles with category(term reference) as exposed filter.
• Create a Site Studio component with Site Studio View element.
• Add a Entity browser field in component form and select the entity type as taxonomy term, select Bundle category, click on Apply
• Edit the Site Studio View element and Select the view.
• Add the field machine name in Filter machine name field
• Add the Entity browser field token to the Filter value field.
• Save the component.
• Add the component in a content's layout canvas field. And select the respective Taxonomy term in the component form.
• The component should list the articles filtered by selected term.