---
title: Menu
description: O componente Menu é um recurso imprescindível na criação de páginas web,, possibilitando a inserção de menus em seu template. Esses menus são elementos visuais que desempenham um papel crucial na identificação e navegação eficiente pelas diferentes partes do seu…
url: "https://gaianocode.com.br/docs/menu/"
updated: "2024-02-08"
category: Pages / Page Componentes / Menu
---

# Menu

O componente Menu é um recurso imprescindível na criação de páginas web,, possibilitando a inserção de menus em seu template. Esses menus são elementos visuais que desempenham um papel crucial na identificação e navegação eficiente pelas diferentes partes do seu conteúdo. Com a ferramenta Menu, você tem a flexibilidade de adicionar e posicionar opções de menu de forma estratégica em suas páginas web, oferecendo clareza e orientação aos usuários desde o início da experiência. Além disso, a capacidade de editar, formatar e gerenciar essas opções de menu conforme necessário torna essa funcionalidade valiosa para personalizar a apresentação e o design do seu projeto de acordo com suas preferências e requisitos específicos.

![](https://gaianocode.com.br/wp-content/uploads/2024/01/menu-1024x250.png)

Por padrão, o menu é exibido na horizontal, mas para alterá-lo para a forma vertical, basta modificar a configuração do parâmetro menu-class para 'wc-menu-vertical'.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/menu5.png)

![](https://gaianocode.com.br/wp-content/uploads/2024/02/menu6-1024x256.png)

## Localização

O componente Menu, se encontra dentro de WebCompoents conforme ilustrado abaixo:

![](https://gaianocode.com.br/wp-content/uploads/2024/02/menu2.png)

## Propriedades

### Basic

As propriedades básicas do componente Menu incluem o seu tipo, contendo como única opção Menu, além do conteúdo do texto que estará contido nele.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/menu3.png)

### Params

O componente Menu oferece propriedades de parâmetros que abrangem menu-class, items e box-size. A opção menu-class refere-se à classe do menu, permitindo a configuração para exibição horizontal ou vertical. Por sua vez, o parâmetro box-size determina o tamanho do Menu. A propriedade items corresponde à configuração dos itens do menu, possibilitando a adição ou exclusão de itens conforme necessário.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/menu4.png)