# Horizontal menu

## Overview

A horizontal navigation menu that displays the structure of the application pages. You can configure the menu manually or update it automatically based on the app routes. The component supports multiple levels of sub-items and offers various alignment options.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FJnO8ntx8XPsEvM46uFpp%2FCleanShot%202025-08-04%20at%2013.50.37%402x-min.png?alt=media&#x26;token=903af468-03a2-4b30-8646-81de57d8c80d" alt=""><figcaption></figcaption></figure>

### Properties

| Name   | Type     | Description    |
| ------ | -------- | -------------- |
| `name` | `string` | Component name |

### Methods

<table><thead><tr><th width="101.78515625">Name</th><th width="152.59375">Parameters</th><th width="100.8359375">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>Set menu items. Data is an array of items. Each item is an object with the following structure:<br><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></td></tr></tbody></table>

### Triggers

<table><thead><tr><th width="165.38671875">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></tbody></table>