Norsk Tipping Design System

TabNavButton

Install

yarn add @ntds/tabs

Import

import { TabNavButton } from '@ntds/tabs';

Props

PropTypeDefaultDescription
tabIndex?number0Enable/disable tab selection.
onClick?MouseEventHandler<HTMLElement>Standard click event
isSelected?booleanfalseWhether or not the tab should be marked active or not
isDisabled?booleanfalseDeactivates the tab for clicks and removes tab-index
render?(props) => ReactNodeHook into the top render method of the wrapping element
elementRef?Ref<HTMLButtonElement>Get the DOM-reference from the button-element
tw?TwGroupKeysTailwind overrides
childrenReactNodeUsually simple text, but can be anything.

On this page