Standard Tab with badges (badgeDot and badgeContent)






Standard Tab with Fading Indicator





Tab with icon





Tab with stacked icon





Tab with Property





Multiple Tabs





Custom padding and alignment





Tab with close icon





Select tab by activeIndex





Select tab by activeTabLabel





With scrollButtons='auto'





With scrollButtons='reserve'





With scrollButtons / scrollButtons='reserve' in tabs that overflow





With scrollButtons / scrollButtons='reserve' and disabled icon visible in tabs that overflow



With Tab sub-labels




With Icons + iconPlacement: "end", iconScale: 0.75 and custom icon colours




With icons - Stacked + iconPlacement: "end", iconScale: 1.15 and custom icon colours




Basic - Using Tabs property




Advanced - Using Tabs property




Advanced - Using Tabs property - Stacked







Content Text 1

   

Temenos products combine the richest front-to-back banking services and the most advanced cloud-native, AI, and API-first technology, enabling our top-performing clients to achieve industry-leading cost-income ratios of 26.8% and returns on equity of 29.0%, 3X better than the industry average.

Content Text 2

   

We are passionate about helping financial institutions of all sizes, in all sectors, around the world, to dramatically accelerate their digital transformation.

Content Text 3

   

With the largest global community of banks, FinTechs, developers and partners, we exist to make banking better, together

Content Text 4

   

Built with Temenos design system UUX can be used with any modern UI Framework by leveraging industry standard Web Components.