Displaying Database Tags in a Repeater

I read that if you include the tags as text, once you run the mobile version it turns them into text elements such as -presencial, online, presencial y online.

For avoiding this then you could use the selection tags input.
Is this the only way to display them great on mobile?

Should I only consider just his one and consider looking into the length issue?

exportfunctionrepeater1_itemReady($item, itemData, index){//get tags from db for an item   
let tags = itemData.tipoActividad;//prepeate hashmap with tags to be diplayed
let options =[];for(var i =0; i < tags.length; i++){                 options.push({"label": tags[i],"value": tags[i]});}//Set tags UI component    $item("#selectionTags2").options = options;}

What I need to do is:
1st - display the tags in the collection inside a tags selection item in the repeater.
2nd - once this is done, create a filter that allows me to filter those items in the repeater that include those tags.

Yeah… I know…