Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Enterprise Open source

Signature

typescript
export interface MenuItem 

Import

typescript
import { MenuItem } from '@grafana/ui';

Properties

PropertyTypeDescription
groupstringHandler for the click behaviour
iconIconNameIcon of the menu item
labelstringLabel of the menu item
onClick(event?: React.SyntheticEvent<HTMLElement>) => voidHandler for the click behaviour
targetLinkTargetTarget of the menu item (i.e. new window)
urlstringUrl of the menu item

group property

Handler for the click behaviour

Signature

typescript
group?: string;

icon property

Icon of the menu item

Signature

typescript
icon?: IconName;

label property

Label of the menu item

Signature

typescript
label: string;

onClick property

Handler for the click behaviour

Signature

typescript
onClick?: (event?: React.SyntheticEvent<HTMLElement>) => void;

target property

Target of the menu item (i.e. new window)

Signature

typescript
target?: LinkTarget;

url property

Url of the menu item

Signature

typescript
url?: string;