PropertyAttributeDescriptionTypeDefaultactiveTabIndex active-tab-indexDefines which tab to be visualized as selected (zero-based numbering).number0gradientColor gradient-colorAdapts the background gradient color of prev and next button.type TabsGradientColor = '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 TabsGradientColorScheme = undefined 'default' 'surface'undefinedsize 🛠sizeThe text size.type TabsSize = 'small' 'medium' BreakpointCustomizable<TabsSize>'small'theme themeAdapts the color when used on dark background.type Theme = 'light' 'dark' 'auto''light'weight weightThe text weight.type TabsWeight = 'regular' 'semi-bold' 'semibold' 🚫'regular'
Events
prev
next
EventDescriptionTypetabChange 🚫deprecated since v3.0.0, will be removed with next major release, use update event instead. Emitted when active tab is changed.type TabsUpdateEventDetail = { activeTabIndex: number; } CustomEvent<TabsUpdateEventDetail>update Emitted when active tab is changed.type TabsUpdateEventDetail = { activeTabIndex: number; } CustomEvent<TabsUpdateEventDetail>
Slots
prev
next
SlotDescriptionisRequiredaltPropallowedTagNames<slot> Default slot for the `p-tabs-item` tags.