Skip to main content

ToolbarSpacer

<ui5-toolbar-spacer> | Since 1.17.0

The ui5-toolbar-spacer is an element, used for taking needed space for toolbar items to take 100% width. It takes no space in calculating toolbar items width.

Properties

width

DescriptionDefines the width of the spacer.
Note: all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
Typestring | undefined
Defaultundefined

overflowPriority

DescriptionProperty used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set, the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
Type"Default" | "NeverOverflow" | "AlwaysOverflow" (value descriptions in: ToolbarItemOverflowBehavior)
Default"Default"

preventOverflowClosing

DescriptionDefines if the toolbar overflow popup should close upon intereaction with the item. It will close by default.
Typeboolean
Defaultfalse

Slots

default

DescriptionWrapped component slot.
TypeArray<IOverflowToolbarItem>
Since2.20.0

Events

close-overflow

DescriptionFired when the overflow popover is closed.
TypeCustomEvent
Since1.17.0
BubblesYes
CancelableYes - via preventDefault()

Methods

No methods available for this component.

CSS Parts

No CSS parts available for this component.