MenuItem

O MenuItem e o Submenu são utilizados para construir experiências de navegação.
O MenuItem prevê a forma mais básica de navegação, que é por meio de links globais. Eles devem refletir áreas, produtos ou serviços de interesse do usuário.
O Submenu é utilizado para agrupar links de uma mesma categoria ou quando o espaço disponível não é suficiente para um certa quantidade de links.

Playground

Propriedades do MenuItem

Nome (* = obrigatório)

Tipo

Valores

Descrição

children *

ReactNode

  • —

Label do item de menu.

href *

string

  • —

Link para o qual o item de menu aponta.

selected

boolean

  • true

  • false (default)

Indicação se a página atual é a página representada pelo item de menu.
Se "true", ele será apresentado como ativo.

vertical

boolean

  • true

  • false (default)

Se "true", apresenta o menu item no estilo vertical.

Propriedades do Submenu

Nome (* = obrigatório)

Tipo

Valores

Descrição

children *

ReactNode

  • —

Label do submenu.

menuItems *

Array<DropdownMenuItem>

  • -

Items do submenu, apresentados por um DropdownMenu quando aberto.
Ele é aberto quando navegado (clicks e navegação por teclado).

selected

boolean

  • true

  • false (default)

Indicação se a página atual é uma das página representadas pelo itens do submenu.
Se "true", ele será apresentado como ativo.

vertical

boolean

  • true

  • false (default)

Se "true", apresenta o submenu no estilo vertical.