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, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.