@progress/kendo-angular-layout
Version:
Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts
66 lines (65 loc) • 2.53 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";
/**
* An interface for the Drawer items.
*/
export interface DrawerItem {
/**
* The CSS classes that will be rendered on the item element of the Drawer.
* Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']).
*/
cssClass?: any;
/**
* The CSS styles that will be rendered on the item element of the Drawer.
* Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
*/
cssStyle?: any;
/**
* Specifies if the Drawer item is disabled.
*/
disabled?: boolean;
/**
* Defines the name for an existing icon in a Kendo UI theme.
* The icon is rendered inside the Drawer item by the `kendo-icon` element.
*
* NOTE: The icon input will no longer require the `k-i-` prefix in the icon name. Please provide only the name of the icon.
* To ensure backward compatibility, both syntaxes will be supported for a period of time, but the `k-i-` prefix is deprecated and
* you can expect it to be dropped in a future major version of the package.
*/
icon?: string;
/**
* Defines a CSS class — or multiple classes separated by spaces —
* which are applied to a span element inside the Drawer item.
* Allows the usage of custom icons.
*/
iconClass?: string;
/**
* Defines an SVG icon to be rendered inside the Drawer Item.
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
*/
svgIcon?: SVGIcon;
/**
* Specifies the id of the Drawer item.
*/
id?: number | string;
/**
* Specifies the parentId of the Drawer item.
*/
parentId?: number | string;
/**
* Specifies if the Drawer item is initially selected.
*/
selected?: boolean;
/**
* Specifies if this is a separator item.
* If set to `true`, only the `cssClass` and `cssStyle` fields will be rendered.
*/
separator?: boolean;
/**
* Specifies the text content of the Drawer item.
*/
text?: string;
}