Tabs with icons?

[fxground]

I’m wondering how i might be able to approach this effect. basically they are using icons/images to switch the text below. like how you currently do with tabs but with icons/images…

https://drive.google.com/uc?id=1kPhndxwVg9TJXYTEuv4-f21r3F59dvLM

Is it possible to do this in xtheme? what would my approach be? also in general is there a way just to have different text links to change images above it?

[tristup]

Hi @fxground,

Thanks for reaching out.
You can add the icons to the Tab header by adding the HTML code into the label. The HTML code for the icon will be like the following.

<i aria-hidden="true" data-x-icon-l=""></i>

To know the data-x-icon codes and the more ways to use the icons with your menu, please go through the video.

NOTE: You can also add img tag to link any external or internal image

Hope it helps.
Thanks