BottomNavigationItemProps

The interface for describing items that can be passed to the items property of the BottomNavigation component.

Name	Type	Default	Description
className?	string		Sets additional CSS classes to the BottomNavigation item. jsx <BottomNavigationItem className="custom-class" />
disabled?	boolean		Disables the BottomNavigation item. jsx <BottomNavigationItem disabled={true} />
icon?	string		Defines the name for an existing icon in a KendoReact theme. The icon is rendered inside the BottomNavigation item by a span.k-icon element. jsx <BottomNavigationItem icon="home" />
selected?	boolean		Specifies if the BottomNavigation item is selected. jsx <BottomNavigationItem selected={true} />
style?	React.CSSProperties		Sets additional CSS styles to the BottomNavigation item. jsx <BottomNavigationItem style={{ color: 'red' }} />
svgIcon?	SVGIcon		Defines an SVG icon. The icon is rendered inside the BottomNavigation item. jsx import { gearIcon } from '@progress/kendo-svg-icons'; <BottomNavigationItem svgIcon={gearIcon} />
tabIndex?	number		Sets the tabIndex property of the BottomNavigation item. Defaults to 0. jsx <BottomNavigationItem tabIndex={-1} />
text?	React.ReactNode		Specifies the text content of the BottomNavigation item. jsx <BottomNavigationItem text="Home" />