> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hyperwisor.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Menu

> A navigation menu across dashboard pages.

<Info>
  **Category:** Navigation · **Navigates:** dashboard pages
</Info>

## Mental model

A **Menu is a site nav bar.** It links the pages of a multi-page dashboard and
highlights where you are.

## When to use it

* Multi-page dashboards that need navigation
* A persistent nav header/sidebar

## Settings

### General / Style

* **Menu title** · **menu layout** (orientation)
* **Item height** · **icon** · **icon size**
* **Highlight active page** · **active item background / text**
* **Collapsible**
* Typography (family / size / weight · italic)

## Script API example

The same interactions from a [dashboard script](/script/overview):

```js theme={null}
// Compact rail on mobile
if (context.device.isMobile) widget.resize('mainMenu', 60, 400);
```

<CardGroup cols={2}>
  <Card title="Navigate Page" icon="arrow-right" href="/dashboard/widgets/navigate-page">
    A single button to one page.
  </Card>

  <Card title="URL Button" icon="link" href="/dashboard/widgets/url-button">
    Open an external link.
  </Card>
</CardGroup>