@progress/kendo-react-layout
Version:
React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package
66 lines (65 loc) • 3.41 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { SVGIcon } from '@progress/kendo-react-common';
/**
* An interface which holds the shared properties of the MenuItemModel and the MenuItem components.
*/
export interface BaseMenuItem {
/**
* Specifies the item text ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-text)).
*/
text?: string;
/**
* Specifies a URL which is rendered as a `href` attribute on the item link ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-url)).
*/
url?: string;
/**
* Specifies the name of the [font icon](https://www.telerik.com/kendo-react-ui/components/styling/icons#toc-list-of-font-icons) that will be rendered for the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-icon)).
*/
icon?: string;
/**
* Specifies the SVG icon that will be rendered for the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-icon)).
*/
svgIcon?: SVGIcon;
/**
* Specifies if the item is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-disabled-items)).
*/
disabled?: boolean;
/**
* The additional CSS classes that will be rendered on the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-styles-and-classes)).
*/
cssClass?: string;
/**
* The CSS styles that will be rendered on the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-styles-and-classes)).
*/
cssStyle?: React.CSSProperties;
/**
* A React functional or class component which is used for rendering the innermost part of the Menu item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-items)). By default, the innermost item part includes only the text for the item.
*/
render?: any;
/**
* A React functional or class component which is used for rendering the link of the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-links)). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
*/
linkRender?: any;
/**
* A React functional or class component which is used for rendering content instead of the item children ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-content)).
*/
contentRender?: any;
/**
* Represents any additional data that is associated with the Menu item.
*/
data?: any;
/**
* @hidden
*/
children?: React.ReactNode;
/**
* Specifies if this is a separator item. If set to true only the `cssClass` and `cssStyle` props should be rendered along.
*/
separator?: boolean;
}