Tabs

Overview

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

Properties

Name	Type	Description
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

Name	Parameters	Returns	Description
selectTab	index: number	void	Select tab by its index

Triggers

Name	Description
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.