Dynamic Filter like webpages in Design Studio

Dear Gurus,

I am trying to build a filter like we have in web pages in Design Studio using SAP UI5 control but not sure how to use this in Design Studio. For example, if you see the screenshot, this is being built using HTML and CSS for a website. I have gone through the Design Studio

SDK developer's guide

In chapter-6 of this guide, it has mentioned that we can use SAP UI5 controls in Design studio as extensions. So would that mean that can i use the filter like I have in the attached screenshot.

Regards

Sumit