Skip to main content

ShellBarItem

<ui5-shellbar-item>
info

The following entity is available under an experimental flag and its API and behavior are subject to change.

The ui5-shellbar-item represents a custom item for ui5-shellbar.

ES6 Module Import​

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

Properties​

icon​

DescriptionDefines the item's icon.
Typestring | undefined
Defaultundefined

text​

DescriptionDefines the item text.
Typestring | undefined
Defaultundefined

count​

DescriptionDefines the count displayed in badge.
Typestring | undefined
Defaultundefined

accessibilityAttributes​

DescriptionDefines accessibility attributes.
TypeShellBarItemAccessibilityAttributes
Default{}

Slots​

No slots available for this component.

Events​

click​

DescriptionFired when the item is clicked.
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.