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.

Last updated

Was this helpful?