Navigation

Tab

A set of tabs allows users to navigate between sections of the same interface.

View source

Props

NameTypeDefaultDescription
titlerequiredstring
The title of the Tab
badgeReactNode
Add a Badge to the Tab
disabledboolean
Whether the Tab is disabled or not
groupIdstring
Id to group tabs and tabContents together
iconIcon
Add an icon to the Tab
idstring
Id of the Tab
isActiveboolean
onDestroy() => void
onRender() => void
onSelect(e: MouseEvent<Element, MouseEvent>) => void
selectTab() => void
tooltipstring
Additional text to display as tooltip when hovering over the Tab
urlstring
Add an url to the Tab. Will navigate on click.

Examples

No guidelines exist for Tab yet.

Create guidelines