Tabset

Overview

The Tabset component allows you to easily switch between different views. Each tab serves as a container, so you can customize it with the necessary components.

Using Tabset component in the app

Properties

Name	Type	Description
name	string	Component name
selectedIndex	number	Index of the currently selected tab
length	number	Total number of tabs
value	value	Current component value
children	children	Children elements within the component
valid	boolean	Indicates if the component is valid

Methods

Name	Parameters	Returns	Description
selectTab	index: number	void	Select tab by index
setValue	data: object	void	Set component data. Data is an object with arbitrary structure.
resetValue	–	void	Reset component to the initial value
validate	–	void	Trigger form validation
resetValidation	–	void	Clear validation errors

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

• Background

• 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.