Tabs Table of Contents

• Tabs
• Tabs Item

Tabs# 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).number0background backgroundDefines the background color. Use frosted only on images, videos or gradients.type TabsBackground =
'canvas'
'surface'
'frosted'
'none''none'compact compactDisplays with reduced spacing and smaller padding for a more condensed layout.booleanundefinedsize 🛠sizeThe text size.type TabsSize =
'small'
'medium'
BreakpointCustomizable<TabsSize>'small'weight 🚫weightdeprecated Will be removed in the next major release. Has no effect anymore.type TabsWeight =
'regular'
'semi-bold''regular'EventsEventDescriptionTypeupdate Emitted when active tab is changed.type TabsUpdateEventDetail = {
  activeTabIndex: number;
}
CustomEvent<TabsUpdateEventDetail>SlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot> Default slot for the `p-tabs-item` tags. Tabs Item# PropertiesPropertyAttributeDescriptionTypeDefaultlabel labelDefines the label used in tabs.stringundefinedSlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot> Default slot for the tab content.