Pular para o conteúdo principal

VerticalNav

Base

Utilize o componente VerticalNav para possibilitar a navegação em até dois níveis pelo usuário, sendo possível utilizar links para outras páginas ou para partes específicas da página em que ele se encontra.

É possível customizar um cabeçalho para a barra de navegação vertical, seja utilizando elementos html ou outros componentes do Tangram.

Simples

Customizado

Item selecionado

Utilize a propriedade defaultSelected para definir que um item seja selecionado por padrão no momento da renderização da VerticalNav.

Item expandido

Utilize a propriedade defaultExpanded para definir que um item seja exibido expandido inicialmente.

Controlado

Por padrão, o VerticalNav é não controlado, mas, se desejar, ele pode ser controlado. Para utilizá-lo no estado controlado, você deve criar um estado para gerenciar a seleção das opções pelo usuário com as propriedades selected e onSelect.

Composição com outros componentes

É possível adicionar outros componentes ao VerticalNav.Item para customizar as opções apresentadas.

Feedback

Para reportar algum problema ou sugerir alterações, use nosso formulário de melhorias ou, se preferir, abra uma issue no nosso Github.