Tab-bar
RTL
LTR
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.
Submit
Reset