New to Kendo UI for Angular? Start a free 30-day trial

AppBarSpacerComponent

Component

Represents the Kendo UI AppBarSpacer component for Angular.

Use the AppBarSpacer component to add white space between AppBar sections and customize its width.

Definition

Package:@progress/kendo-angular-navigation

Selector:kendo-appbar-spacer

Syntax:

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>

Inputs

width

string

Specifies the width of the AppBarSpacer.

If not set, the AppBarSpacer will take all of the available space.