A function that will be invoked when clicking on the menu item. When passed as a string, use together with SiLinkActionService to receive events. This is meant for repetitive things in lists/tables/etc.
action?: (string | (param: any) => any) from MenuItem.action |
Defines the content of the optional badge. Should be a number or something like "100+". if undefined or empty string, no badge is displayed
badge?: (string | number) from MenuItem.badge |
Defines the background color of the badge. Default is specific to Element flavour.
badgeColor?: string from MenuItem.badgeColor |
Show a dot badge without content?
badgeDot?: boolean from MenuItem.badgeDot |
Defines the badge style
badgeStyle?: ("" | "inline" | "dot") from MenuItem.badgeStyle |
Defines if custom content is chosen in account dropdown (otherwise accountItems are used)
customContent?: boolean from MenuItem.customContent |
A boolean that lets the link know whether it is disabled or not.
disabled?: boolean from MenuItem.disabled |
Whether the menu items sub-menu should open upwards instead of downwards.
dropUpwards?: boolean from MenuItem.dropUpwards |
If the menu item has children you can specify if they are visible or not.
expanded?: boolean from MenuItem.expanded |
Defines a href URI that the menu item will be linked to. Will be used to set the href attribute of the a element. Will only be used if link and function is not set.
href?: string from MenuItem.href |
The web font icon class name (e.g. element-settings-outline).
icon?: string from MenuItem.icon |
Defines if only the icon is shown in the default navigation bar.
iconOnly?: boolean from MenuItem.iconOnly |
An optional id to uniquely identify the menu item.
id?: string from MenuItem.id |
The value for an image src tag. Maybe a relative or absolute link to an jpg or gif image.
image?: string from MenuItem.image |
A boolean that lets the link know whether it is active or not. It is useful when action() is executed instead of link route.
isActive?: boolean from MenuItem.isActive |
If true , the app is marked as an external application opening in a new browser tab.
isExternal?: boolean |
If true , the app is marked as a favorite.
isFavorite?: boolean |
Whether the menu item should be displayed as a heading/title, will also disable links and actions.
isHeading?: boolean from MenuItem.isHeading |
A navigation bar item can have a sub-menu, if these items are set. They define the sub-menu content.
items?: MenuItem[] from MenuItem.items |
Defines the link of the menu item within the application using the angular router link concept. Accepts an array of any as per [routerLink API definition] https://angular.dev/api/router/RouterLink .
link?: (string | any[]) from MenuItem.link |
|
For single/multi choice items: the kind of icon to show.
selectionState?: ("" | "check" | "radio") from MenuItem.selectionState |
The target attribute specifies where to open the linked document. If no target is specified, the link will open in the current tab.
target?: string from MenuItem.target |
The title of the menu item. Can be either the title to be displayed or the translation key.
title?: TranslatableString from MenuItem.title |
The optional tooltip of the link. Can be either the text to be displayed or the translation key.
tooltip?: TranslatableString from MenuItem.tooltip |
Type to distinguish between check and radio menu items. Needs to be set for correct interaction and used for a11y.
type?: ("check" | "radio") from MenuItem.type |