Skip to main content

BwTabButton | bw-tab-button

Overview

Tab buttons are used as individual tabs with a BwTabs component.

Properties

PropertyAttributeDescriptionTypeDefault
activeactiveWhether the tab is active.booleanfalse
contentcontentThe content of the tab.stringundefined
disableddisabledWhether the tab is disabled.booleanfalse
modemodeThe mode of the tabs."box" | "mobile" | "segmented" | "sidenav" | "topnav" | "underline" | "wizard"undefined
valuevalueThe value of the tab.stringundefined

Slots

SlotDescription
The label of the tab
"end"Goes after the main part
"start"Goes before the main part

Shadow Parts

PartDescription
"main"The main container of the tab

CSS Custom Properties

NameDescription
--before-backgroundThe background color of the before pseudo-element
--before-border-colorThe border color of the before pseudo-element
--before-colorThe color of the before pseudo-element

© 2025 United Systems & Software - All Rights Reserved.