---
title: Nav Tab
description: O componente Nav Tab oferece uma navegação versátil e estilizada para sua aplicação, aproveitando a marcação e os estilos do Bootstrap para criar uma experiência de navegação coesa e intuitiva. Utilizando a classe base .nav do Bootstrap, este componente é…
url: "https://gaianocode.com.br/docs/nav-tab/"
updated: "2024-02-08"
category: Pages / Page Componentes / Boots Trap / Nav Tab
---

# Nav Tab

O componente Nav Tab oferece uma navegação versátil e estilizada para sua aplicação, aproveitando a marcação e os estilos do Bootstrap para criar uma experiência de navegação coesa e intuitiva. Utilizando a classe base .nav do Bootstrap, este componente é construído com flexbox, proporcionando uma base sólida para diversos tipos de navegação. Ele oferece uma série de estilos pré-definidos para diferentes estados, como ativo e desabilitado, e permite a troca fácil entre esses estilos por meio de classes modificadoras. Além disso, o componente Nav Tab inclui algumas adaptações de estilo, como preenchimento de link para áreas de clique maiores e estilos básicos para itens desativados, garantindo uma navegação consistente e agradável para os usuários.

Para mais informações sobre o componente e exemplos acesse o site: [https://getbootstrap.com/docs/5.0/components/navs-tabs/](https://getbootstrap.com/docs/5.0/components/navs-tabs/).

![](https://gaianocode.com.br/wp-content/uploads/2024/02/navtab-1024x246.png)

## Localização

O componente Nav Tab faz parte do conjunto de ferramentas fornecido pelo Bootstrap, o qual está integrado no WebComponents, como exemplificado abaixo:

![](https://gaianocode.com.br/wp-content/uploads/2024/02/navtab2.png)

## Propriedades

### Basic

As propriedades básicas do componente Nav Tab incluem o seu tipo, contendo como única opção Nav Tab, além do conteúdo do texto.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/nav-tab-3.png)

### Params

O componente Progress não contem parâmetros iniciais.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/navtab4.png)