TabViewer properties

Summary

• Props table
• Props list

Props table

Parameter	Type	Default
selected	/	/
tabs	{label: string; content: JSX.Element;}[]	/
tabProps	Record	/
tabSelectedProps	Record	/
tabUnselectedProps	Record	/
tabViewProps	Record	/
tabClassName	Record	/
tabSelectedClassName	Record	/
tabUnselectedClassName	Record	/
tabViewClassName	Record	/
onChange	(newValue: number) => void	() => {}

Props list

selected

Type	Default
/	/

tabs

Type	Default
{label: string; content: JSX.Element;}[]	/

tabs array. Every tab object contains 3 fields:

• label: tab label displayed on top
• content: tab content element

tabProps

Type	Default
Record	/

Custom props applied on every tab

tabSelectedProps

Type	Default
Record	/

Custom props applied on every selected tab

tabUnselectedProps

Type	Default
Record	/

Custom props applied on every unselected tab

tabViewProps

Type	Default
Record	/

Custom props applied on the tab view panel

tabClassName

Type	Default
Record	/

Custom props applied on every tab

tabSelectedClassName

Type	Default
Record	/

Custom props applied on every selected tab

tabUnselectedClassName

Type	Default
Record	/

Custom props applied on every unselected tab

tabViewClassName

Type	Default
Record	/

Custom props applied on the tab view panel

onChange

Type	Default
(newValue: number) => void	() => {}

Callback triggered when a tab is selected, giving its index as parameter