Navegação

Menubar

Barra de menus estilo desktop com submenus dropdown.

Uso

Use o elemento <y-menubar> no seu HTML:

html

<y-menubar>  <y-menubar-menu label="Arquivo"></y-menubar-menu>  <y-menubar-menu label="Editar"></y-menubar-menu>  <y-menubar-menu label="Exibir"></y-menubar-menu></y-menubar>

Exemplos

Padrão

Importação

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/menubar.js';

Acessibilidade

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