Menu

The Menu component displays the list of action items that are revealed when the user clicks on the trigger element.

OverviewPropertiesUsageAccessibility

New

Import

import { Menu } from '@dynatrace/strato-components/navigation';

Demo

Default open menu

You can control whether the menu is open when the component is loaded.

Groups and icons

You can organize menu items into logical groups, with or without icons. To add icons, use Menu.Prefix or Menu.Suffix. See the Accessibility tab for guidance on labeling for screen readers.

Tooltips

This example shows how to add tooltips to menu items.

Nested menus

You can create nested menus by using Menu as a child of Menu.Item. This allows you to create multi-level navigation structures.

Content alignment

The alignment prop lets you position the menu content relative to the trigger.

Intents

Use Menu.Intent to add intents.