@progress/kendo-react-layout
Version:
React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package
54 lines (53 loc) • 1.52 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 { MenuProps } from '../MenuProps';
import * as React from 'react';
/**
* @hidden
*/
export interface MenuState {
focusedItemId: string;
hoveredItemId: string;
tabbableItemId: string;
}
/**
* Represent the `ref` of the Menu component.
*/
export interface MenuHandle {
/**
* The current element or `null` if there is no one.
*/
element: HTMLDivElement | null;
/**
* Resets the selection and opening of Menu items.
*/
reset: () => void;
}
/**
* Represents the [KendoReact Menu component](https://www.telerik.com/kendo-react-ui/components/layout/menu).
*
* @remarks
* Supported children components are: {@link MenuItem}.
*
* @example
* ```jsx
* const App = () => {
* return (
* <Menu>
* <MenuItem text="Item1" />
* <MenuItem text="Item2">
* <MenuItem text="Item2.1" />
* <MenuItem text="Item2.2" />
* </MenuItem>
* <MenuItem text="Item3" />
* </Menu>
* );
* }
* ```
*/
export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<MenuHandle>>;