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.

badgestring | number

Number or string to display in a badge to the right of the label.

disabledboolean

Whether the tab is disabled.

iconLeftstring | ReactComponentProps

The icon to display to the left of the label.

iconRightstring | ReactComponentProps

The icon to display to the left of the label.

isMobileboolean

Whether the tab is currently being displayed at a mobile breakpoint. This is provided by its TabNav parent.

isSelectedboolean

Whether the tab is selected.

labelstring

The label for the tab.

onClick() => void

The function to call when the tab is clicked.

The background color of the selected tab.