@progress/kendo-angular-toolbar
Version:
Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements
46 lines (45 loc) • 2.06 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 { SVGIcon } from "@progress/kendo-svg-icons";
import { OverflowMode } from "./overflow-mode";
import { ToolbarScrollButtonsPosition, ToolbarScrollButtonsVisibility } from "./scroll-buttons";
/**
* Represents the overflow settings for the ToolBar.
*/
export interface ToolbarOverflowSettings {
/**
* Sets the ToolBar overflow mode.
* @default 'none'
*/
mode?: OverflowMode;
/**
* Sets the ToolBar scroll buttons visibility mode. Applies when the overflow mode is set to `'scroll'`.
*/
scrollButtons?: ToolbarScrollButtonsVisibility;
/**
* Sets the ToolBar scroll buttons position. Applies when the overflow mode is set to `'scroll'`.
*/
scrollButtonsPosition?: ToolbarScrollButtonsPosition;
/**
* Adds a custom CSS class or multiple classes to the span element of the previous scroll button. Applies when the overflow mode is set to `'scroll'`.
*
* Allows the usage of custom icons.
*/
prevButtonIcon?: string;
/**
* Adds a custom CSS class or multiple classes to the span element of the next scroll button. Applies when the overflow mode is set to `'scroll'`.
*
* Allows the usage of custom icons.
*/
nextButtonIcon?: string;
/**
* Sets an `SVGIcon` for the previous button icon. Accepts an [existing Kendo SVG icon](slug:svgicon_list) or a custom one. Applies when the overflow mode is set to `'scroll'`.
*/
prevSVGButtonIcon?: SVGIcon;
/**
* Sets an `SVGIcon` for the next button icon. Accepts an [existing Kendo SVG icon](slug:svgicon_list) or a custom one. Applies when the overflow mode is set to `'scroll'`.
*/
nextSVGButtonIcon?: SVGIcon;
}