New to KendoReact? Start a free 30-day trial

BottomNavigation

Component

Represents the KendoReact BottomNavigation component. Used to switch between primary destinations in an application.

Definition

Package:@progress/kendo-react-layout

Syntax:

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} />
  );
};

Properties

props

BottomNavigationProps intersected with RefAttributes<null | BottomNavigationHandle>

The props of the BottomNavigation component.