New to Kendo UI for Angular? Start a free 30-day trial
AppBarSpacerComponent
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. |