# Menu

## Overview

A navigation component that displays the structure of the application pages. You can configure the menu manually or update it automatically based on the app routes.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FSPwacfqxLDDj6paW1ACg%2FCleanShot%202025-08-05%20at%2013.44.32%402x-min.png?alt=media&#x26;token=fd95cb31-cfd2-4581-aa69-9190f71b516e" alt=""><figcaption></figcaption></figure>

### Properties

<table><thead><tr><th width="129.97265625">Name</th><th width="136.62109375">Type</th><th>Description</th></tr></thead><tbody><tr><td><code>name</code></td><td><code>string</code></td><td>Component name</td></tr></tbody></table>

### Methods

<table><thead><tr><th width="103.6953125">Name</th><th width="158.87109375">Parameters</th><th width="105.22265625">Returns</th><th>Description</th></tr></thead><tbody><tr><td><code>setItems</code></td><td><code>data: object[]</code></td><td><code>void</code></td><td><p>Set component data. Data is an array of items. Each item is an object with the following structure:</p><p><code>{</code><br><code>title: string;</code><br><code>link: string;</code><br><code>icon?: string;</code><br><code>children?: object[];</code><br><code>}</code></p></td></tr></tbody></table>

### Triggers

<table><thead><tr><th width="163.0703125">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td></tr><tr><td><strong>On Item Click</strong></td><td>Triggered when a menu item is clicked</td></tr><tr><td><strong>On Item Double Click</strong></td><td>Triggered when a menu item is double-clicked</td></tr></tbody></table>