@progress/kendo-react-layout
Version:
React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package
45 lines (44 loc) • 1.59 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 { BottomNavigationProps } from './BottomNavigationProps';
import * as React from 'react';
/**
* Represents the Object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom)
* callback of the BottomNavigation component.
*/
export interface BottomNavigationHandle {
/**
* The current element or `null` if there is no one.
*/
element: HTMLElement | null;
/**
* Focus the BottomNavigation first item.
*/
focus: () => void;
}
/**
* Represents the [KendoReact BottomNavigation component](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation).
* Used to switch between primary destinations in an application.
*
* @example
* ```jsx
* const items = [
* { text: 'Photos', icon: 'photo', selected: true },
* { text: 'Albums', icon: 'folder' },
* { text: 'Search', icon: 'search' },
* { text: 'More', icon: 'more-horizontal' },
* ];
*
* const App = () => {
* return (
* <BottomNavigation items={items} />
* );
* };
* ```
*/
export declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<BottomNavigationHandle | null>>;