New to Kendo UI for AngularStart a free 30-day trial

AppBarSpacerComponent

Represents the Kendo UI AppBarSpacer component for Angular. Used to give additional white space between the AppBar sections and provides a way for customizing its width.

ts
 * @Component({
   selector: 'my-app',
   template: `
       <kendo-appbar>
           <kendo-appbar-section>
                <button kendoButton fillMode="flat">
                    <kendo-icon name="menu"></kendo-icon>
                </button>
           </kendo-appbar-section>

           <kendo-appbar-spacer></kendo-appbar-spacer>

           <kendo-appbar-section>
               <h2>Page Title</h2>
           </kendo-appbar-section>
       </kendo-appbar>
   `
})
class AppComponent {}

Selector

kendo-appbar-spacer

Inputs

NameTypeDefaultDescription

width

string

Specifies the width of the AppBarSpacer.

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

In this article
SelectorInputs
Not finding the help you need?
Contact Support