Tabs
Overview
A series of tabs. The component supports manual (for a static options list) and dynamic options configuration.

Properties
name
string
Component name
length
number
Total number of tabs
selectedTab
tab
The selected tab (alternative property to index)
selectedIndex
number
Index of the currently selected tab
Methods
selectTab
index: number
void
Select tab by its index
Triggers
On Init
Triggered when the component is initialized
On Tab Change
Triggered when a tab is switched
Working with the component
In the right side panel, under the Appearance section, you can set up how your component will look like. You can configure such settings as:
Height
Margin
Tabs overflow style
Tab text wrap
Tabs style
Tabs overflow and text wrap allow you to control the layout: you can switch between Arrows and Scroll and enable text wrapping for longer tabs to keep things readable.

Last updated
Was this helpful?