Design System
Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.
Propriedades
colorMode
| |
|---|
| Atributo | color-mode |
| Descrição | Define se o Tab usará um esquema de cores escuro |
| Tipo | "dark" |
| Valor padrão | --- |
counter
| |
|---|
| Atributo | counter |
| Descrição | Define contador do item de tab (exibido abaixo do botão) |
| Tipo | string |
| Valor padrão | --- |
icon
| |
|---|
| Atributo | icon |
| Descrição | Define ícone do item de tab |
| Tipo | string |
| Valor padrão | --- |
isActive
| |
|---|
| Atributo | is-active |
| Descrição | Define se o item de tab está ativo/visível |
| Tipo | boolean |
| Valor padrão | false |
onlyIcon
| |
|---|
| Atributo | only-icon |
| Descrição | Define se exibe apenas o ícone, sem texto |
| Tipo | boolean |
| Valor padrão | false |
tabItemId
| |
|---|
| Atributo | tab-item-id |
| Descrição | Identificador único do item da tab.
Caso não seja fornecido, um ID gerado automaticamente será usado. |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId() |
tabItemTitle
| |
|---|
| Atributo | tab-item-title |
| Descrição | Define o título do item de tab que aparece no botão de navegação |
| Tipo | string |
| Valor padrão | --- |
Slots
| Nome | Descrição |
|---|
"default" | Slot para o conteúdo do item da aba. |
Eventos
| Evento | Descrição | Propagação |
|---|
brTabItemPropsChange | Evento disparado quando as propriedades do tab-item mudam. O componente pai (br-tab) escuta este evento para atualizar a navegação. | true |
Dependências
Componente pai