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.
Cabeçalho
É 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.