New to Kendo UI for Angular? Start a free 30-day trial
AppBarSpacerComponent
Updated on Oct 31, 2025
Represents the Kendo UI AppBarSpacer component for Angular.
Use the AppBarSpacer component to add white space between AppBar sections and customize its width.
html
<kendo-appbar>
<kendo-appbar-section>
<button kendoButton fillMode="flat" [svgIcon]="menuIcon"></button>
</kendo-appbar-section>
<kendo-appbar-spacer></kendo-appbar-spacer>
<kendo-appbar-section>
<h2>Page Title</h2>
</kendo-appbar-section>
</kendo-appbar>
Selector
kendo-appbar-spacer
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
width |
|
Specifies the width of the AppBarSpacer. If not set, the AppBarSpacer will take all of the available space. |