@progress/kendo-angular-toolbar
Version:
Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements
58 lines (57 loc) • 1.94 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';
/**
* Used for configuring the options of the popup container.
*
* @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 will be appended to the root component.
*/
appendTo?: 'root' | 'component' | ViewContainerRef;
/**
* Specifies a list of CSS classes that are used for styling the popup.
*/
popupClass?: string;
/**
* Specifies the anchor pivot point.
*/
anchorAlign?: Align;
/**
* Specifies the pivot point of the popup.
*/
popupAlign?: Align;
/**
* Sets the popup width. The default value is 150 pixels.
* A numeric value sets the width in pixels.
* A string value sets the width in arbitrary units—for example, `50%`.
*/
width?: number | string;
/**
* Sets the popup height. By default, the popup is as high as its content.
* A numeric value sets the height in pixels.
* A string value sets the height in arbitrary units—for example, `50%`.
*/
height?: number | string;
}