The navigation tabs component (lk-navigation-tabs)…
The badge prop can use used when we want no bottom border on active or hovered tabs items, instead using a badge like style to highlight the active item.
The block prop can use used…
By default inactive tab text is color(text, muted), however we can make it be color(text) using the dark-text prop.
We can also make the incactive text be color(link) using the link-text prop.
By default text-transform: capitalize is applied to the tab items. To turn this off for an individual item you can set the flag textTransform: false on the item.
The active state can be forced to be on, even when the link for the tab does not match, by setting the isActive to true flag on the item.
There may be times when we want a click on a tab to initiate a function call as opposed to route navigation, an example being using the tabs within a component that wants to be able to switch between views within itself.
We can set the size of the navigation tabs using the props compact and mini.