New to Kendo UI for Angular? Start 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
Name | Type | Default | Description |
---|---|---|---|
width |
|
Specifies the width of the AppBarSpacer. If not set, the AppBarSpacer will take all the available space. |