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 is shown as selected (zero-based numbering), or undefined if none should be selected.number | undefinedundefinedbackground backgroundDefines the background color. Use frosted only on images, videos or gradients.type TabsBarBackground =
'canvas'
'surface'
'frosted'
'none''none'compact compactDisplays with reduced spacing and smaller padding for a more condensed layout.booleanundefinedsize 🛠sizeThe text size.type TabsBarSize =
'small'
'medium'
BreakpointCustomizable<TabsBarSize>'small'weight 🚫weightdeprecated Will be removed in the next major release. Has no effect anymore.type TabsBarWeight =
'regular'
'semi-bold''regular'EventsEventDescriptionTypeupdate 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.