@progress/kendo-angular-toolbar
Version:
Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements
61 lines (60 loc) • 1.87 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { ViewContainerRef } from '@angular/core';
import { Align } from '@progress/kendo-angular-popup';
/**
* Configures the options for the popup container.
*
* Represents the Kendo UI for Angular ToolBar popup settings.
*
* @example
* ```ts
* @Component({
* selector: 'my-app',
* template: `
* <kendo-toolbar [overflow]="true" [popupSettings]="{ animate: false }">
* <kendo-toolbar-button text="my button"></kendo-toolbar-button>
* </kendo-toolbar>
* `
* })
* class AppComponent { }
* ```
*/
export interface PopupSettings {
/**
* Controls the popup animation.
* By default, the open and close animations are enabled.
*/
animate?: boolean;
/**
* Controls the popup container.
* By default, the popup is appended to the root component.
*/
appendTo?: 'root' | 'component' | ViewContainerRef;
/**
* Sets CSS classes for styling the popup.
*/
popupClass?: string;
/**
* Sets the anchor pivot point.
*/
anchorAlign?: Align;
/**
* Sets the popup pivot point.
*/
popupAlign?: Align;
/**
* Sets the popup width.
* The default value is `150` pixels.
* Use a number for pixels or a string for arbitrary units like `"50%"`.
*/
width?: number | string;
/**
* Sets the popup height.
* By default, the popup height matches its content.
* Use a number for pixels or a string for arbitrary units like `"50%"`.
*/
height?: number | string;
}