Skip to main content

@microsoft/fast-foundation > Tabs

Tabs class

A Tabs Custom HTML Element. Implements the ARIA tablist.

start - Content which can be provided before the tablist element

end - Content which can be provided after the tablist element

tab - The slot for tabs

tabpanel - The slot for tabpanels

tablist - The element wrapping for the tabs

tab - The tab slot

activeIndicator - The visual indicator

tabpanel - The tabpanel slot

change - Fires a custom 'change' event when a tab is clicked or during keyboard navigation

Signature:
export declare class Tabs extends FoundationElement 

Properties

PropertyModifiersTypeDescription
activeidstringThe id of the active tab
activeindicatorbooleanWhether or not to show the active indicator
activetabHTMLElementA reference to the active tab
orientationTabsOrientationThe orientation

Methods

MethodModifiersDescription
adjust(adjustment)The adjust method for FASTTabs