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