Tabs

Display tab content.

Import

import { Tabs } from 'raw-ui';

Default

Controlled

Disabled all tabs

Disabled specific tab

Vertical

API

Tabs

PropDescriptionTypeDefault
defaultValuedefault selected value (uncontrolled)string-
valueselected value (controlled)string-
disableddisable all tabsbooleanfalse
verticalshow all tabs verticallybooleanfalse
onChangechange event handler(value: string) => void-
...native propsReact.HTMLAttributes-

Tabs.Tab

PropDescriptionTypeDefault
labeldisplay tab's labelReact.ReactNode-
valueunique identification valuestring-
disableddisable current tabbooleanfalse
...native propsReact.HTMLAttributes-