TabNav.Tab
UX
View Source
A tab which renders in the TabNav component.
Props
Themeable
Use the tabNav.tab
key in ThemeProvider
to customize the default properties of this component.
badge
string | number
Number or string to display in a badge to the right of the label.
disabled
boolean
Whether the tab is disabled.
iconLeft
string | ReactComponentProps
The icon to display to the left of the label.
iconRight
string | ReactComponentProps
The icon to display to the left of the label.
isMobile
boolean
Whether the tab is currently being displayed at a mobile breakpoint. This is provided by its TabNav parent.
isSelected
boolean
Whether the tab is selected.
label
string
The label for the tab.
onClick
() => void
The function to call when the tab is clicked.
The background color of the selected tab.