tabs *

Array<TabEntity>

• -

Array de objetos com o conteúdo e estado das Tabs a serem renderizadas.
Ver tabela de API abaixo com a descrição dessas propriedades.

initialTabId

string

• -

O tabId ou index da Tab a ser inicializada como ativa quando o componente renderiza.
Se nenhum valor é provido, a primeira Tab não desabilitada é utilizada.

customProps

Object

• { tabsHeader?: ComponentPropsWithRef<'div'>

• tabsList?: ComponentPropsWithRef<'div'>

• tabPanel?: ComponentPropsWithRef<'div'>

• previousTabButton?: ComponentPropsWithRef<'button'>

• nextTabButton?: ComponentPropsWithRef<'button'> }

Adiciona propriedades específicas para elementos filhos.

label *

string

• -

A Label em texto para aquela Tab.

content *

ReacTNode

• -

O conteúdo da Tab.

tabId

string

• -

Prevê um ID específico de referência para a tab.
Se não for provido, será utilizado o index do elemento do Array tabs.

disabled

boolean

• false

• true

Se true desabilita aquela Tab, não permitindo o acesso a seu conteúdo.

addonBefore

ReactNode

• -

Elemento inserido antes da Label da Tab, ou no lugar dela. Geralmente é um ícone.

addonAfter

ReactNode

• -

Elemento inserido depois da Label da Tab.

onChange

onChange?: (tab: TabEntity) => void

Função chamada quando uma nova tab é selecionada.

tab: TabEntity é o objeto da entidade Tab que foi selecionada.