Tabs Bar Table of Contents

• Props
• Events
• Slots

Propertiestype BreakpointCustomizable<T> = { base: T; xs?: T; s?: T; m?: T; l?: T; xl?: T; xxl?: T; };PropertyAttributeDescriptionTypeDefaultactiveTabIndex active-tab-indexDefines which tab to be visualized as selected (zero-based numbering), undefined if none should be selected.number | undefinedundefinedgradientColor gradient-colorAdapts the background gradient color of prev and next button.type TabsBarGradientColor =
'background-base'
'background-surface''background-base'gradientColorScheme 🚫gradient-color-schemedeprecated since v3.0.0, will be removed with next major release, use gradientColor instead. Adapts the background gradient color of prev and next button.type TabsBarGradientColorScheme =
undefined
'default'
'surface'undefinedsize 🛠sizeThe text size.type TabsBarSize =
'small'
'medium'
BreakpointCustomizable<TabsBarSize>'small'theme themeAdapts the color when used on dark background.type Theme =
'light'
'dark'
'auto''light'weight weightThe text weight.type TabsBarWeight =
'regular'
'semi-bold'
'semibold' 🚫'regular'EventsEventDescriptionTypetabChange 🚫deprecated since v3.0.0, will be removed with next major release, use update event instead. Emitted when active tab is changed.type TabsBarUpdateEventDetail = {
  activeTabIndex: number;
}
CustomEvent<TabsBarUpdateEventDetail>update Emitted when active tab is changed.type TabsBarUpdateEventDetail = {
  activeTabIndex: number;
}
CustomEvent<TabsBarUpdateEventDetail>SlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot> Default slot for the `button` or `a` tags which will be rendered as tabs.