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.

Documentationbreadcrumb arrow Grafana documentationbreadcrumb arrow API Referencebreadcrumb arrow @grafana/uibreadcrumb arrow MenuItem
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;