Tab Bar API

Properties

Name	Type	Default	Description
fullheight	boolean	false	Defines if the component is used within a full-height layout.
vertical	boolean	false	Defines if the tab bar should use a vertical layout.
icon-hidden	boolean	false	Hides all icons.
label-visible	boolean	null	Controls label visibility. When not set, it is the inverse of the vertical attribute.

JavaScript API

Name	Kind	Description
selectedTab	getter	Returns the currently selected tab element.
setSelectedTabById(id)	action	Finds the tab by id and selects it.
selectedTabIndex	getter	Returns the index of the currently selected tab.
setSelectedTabByIndex(index)	action	Finds the tab by index and selects it.
isFirstTabSelected	getter	Returns whether the currently selected tab is the first.
isLastTabSelected	getter	Returns whether the currently selected tab is the last.
moveSelectedTab(direction)	action	Moves the selected tab in the specified direction. Accepts 'next', 'previous', 'first', or 'last'.

Events

Event	Description		Returns
trigger	Fires when a non-disabled tab is clicked.		{ detail: { tab: { content, disabled, icon, id, label } } }