Titlebar
The Window titlebar displays the title and the default action buttons. Set a plain text title directly on the component, or replace the titlebar content with icons, custom HTML, and additional action buttons.
Setting a Plain Text Title
Set the title property to display a text string in the Window titlebar. Use this approach for document viewers, record editors, and panels where a static heading is sufficient.
<kendo-window title="Q4 Planning Notes"></kendo-window>The following example demonstrates a Window with meeting notes and a plain text title.
Adding Icons and Custom Actions
Use the kendo-window-titlebar component to add icons and custom HTML to the titlebar, and control which action buttons are available with the built-in action directives.
<kendo-window>
<kendo-window-titlebar>
<kendo-svg-icon [icon]="userIcon"></kendo-svg-icon> Edit Contact
<button kendoWindowMaximizeAction></button>
<button kendoWindowCloseAction></button>
</kendo-window-titlebar>
</kendo-window>The following example demonstrates a contact editor Window with an icon and custom action buttons in the titlebar.
Hiding the Title Text
When title is not set and no kendo-window-titlebar is defined, the Window shows the default action buttons but no title text. Use this layout when the window content serves as its own heading.
The following example demonstrates a Window without a title.