Prism
Navegação

Navigation Menu

Menu de navegação horizontal com submenus.

Uso

Use o elemento <y-navigation-menu> no seu HTML:

html
<y-navigation-menu>  <y-navigation-item label="Produtos" href="/produtos"></y-navigation-item>  <y-navigation-item label="Pedidos" href="/pedidos"></y-navigation-item>  <y-navigation-item label="Clientes" href="/clientes"></y-navigation-item></y-navigation-menu>

Exemplos

Padrão

Padrão

Importação

Importe todos os componentes ou apenas este:

typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/navigation-menu.js';

Acessibilidade

  • Suporta navegação por teclado
  • Utiliza atributos ARIA apropriados
  • focus-visible para indicação de foco