Skip to main content

ShellBarItem

<ui5-shellbar-item>

The ui5-shellbar-item represents a custom item, that might be added to the ui5-shellbar.

ES6 Module Import​

import "@ui5/webcomponents-fiori/dist/ShellBarItem.js";

Properties​

icon​

DescriptionDefines the name of the item's icon.
Typestring | undefined
Defaultundefined

text​

DescriptionDefines the item text.
Note: The text is only displayed inside the overflow popover list view.
Typestring | undefined
Defaultundefined

count​

DescriptionDefines the count displayed in the top-right corner.
Typestring | undefined
Defaultundefined
Since1.0.0-rc.6

Slots​

No slots available for this component.

Events​

click​

DescriptionFired, when the item is pressed.
TypeCustomEvent<ShellBarItemClickEventDetail>
ParameterstargetRef: HTMLElement
DOM ref of the clicked element
BubblesYes
CancelableYes - via preventDefault()

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.