Skip to content
+

Tabs

Tabs are UI elements for organizing and navigating between groups of related content.

useTab API

Import

import { useTab } from '@mui/base/useTab';
// or
import { useTab } from '@mui/base';
Learn about the difference by reading this guide on minimizing bundle size.

Parameters

disabled

id

onChange

onClick

rootRef

value

Return value

active

focusVisible

getRootProps

highlighted

index

rootRef

selected

setFocusVisible

totalTabsCount


useTabPanel API

Import

import { useTabPanel } from '@mui/base/useTabPanel';
// or
import { useTabPanel } from '@mui/base';
Learn about the difference by reading this guide on minimizing bundle size.

Parameters

id

rootRef

value

Return value

getRootProps

hidden

rootRef


useTabs API

Import

import { useTabs } from '@mui/base/useTabs';
// or
import { useTabs } from '@mui/base';
Learn about the difference by reading this guide on minimizing bundle size.

Parameters

defaultValue

direction

onChange

orientation

selectionFollowsFocus

value

Return value

contextValue


useTabsList API

Import

import { useTabsList } from '@mui/base/useTabsList';
// or
import { useTabsList } from '@mui/base';
Learn about the difference by reading this guide on minimizing bundle size.

Parameters

rootRefRequired

Return value

contextValue

dispatch

getRootProps

highlightedValue

isRtl

orientation

rootRef

selectedValue