---
{
  title: 'Menu',
  layout: 'docs.11ty.js',
  tag: 'nve-menu',
  associatedElements: ['nve-menu-item']
}
---

## Installation

{% install 'nve-menu' %}

## Selected

{% api 'nve-menu-item', 'property', 'selected' %}

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Selected' %}

## Current

{% api 'nve-menu-item', 'property', 'current' %}

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Current' %}

## Border Background

{% example '@nvidia-elements/core/menu/menu.examples.json' 'BorderBackground' %}

## Disabled

{% api 'nve-menu-item', 'property', 'disabled' %}

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Disabled' %}

## Icons

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Icons' %}

## Scroll

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Scroll' %}

## Dropdown

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Dropdown' '{ "inline": false, "height": "380px" }' %}

## Vertical Navigation Drawer

{% example '@nvidia-elements/core/menu/menu.examples.json' 'VerticalNavigationDrawer' '{ "inline": false, "height": "380px" }' %}

## Vertical Navigation Panel

{% example '@nvidia-elements/core/menu/menu.examples.json' 'VerticalNavigationPanel' %}

## Menu Item Tooltip

{% example '@nvidia-elements/core/menu/menu.examples.json' 'ItemTooltip' %}

## Complex

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Complex' '{ "inline": false, "height": "300px" }' %}

## Links

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Links' %}

## Suffix Slot

{% example '@nvidia-elements/core/menu/menu.examples.json' 'Suffix' %}

## Danger Status

{% example '@nvidia-elements/core/menu/menu.examples.json' 'DangerStatus' %}
