BottomNavigationItemProps

The interface for describing items that can be passed to the items prop 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	false	Disables the BottomNavigationItem. jsx <BottomNavigationItem disabled={true} />
icon?	string		Defines the name for an existing icon in a KendoReact theme. The icon is rendered inside the BottomNavigationItem by a span.k-icon element. jsx <BottomNavigationItem icon="home" />
selected?	boolean	false	Specifies if the BottomNavigationItem 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 BottomNavigationItem. jsx import { gearIcon } from '@progress/kendo-svg-icons'; <BottomNavigationItem svgIcon={gearIcon} />
tabIndex?	number	0	Sets the tabIndex prop of the BottomNavigationItem. jsx <BottomNavigationItem tabIndex={-1} />
text?	React.ReactNode		Specifies the text content of the BottomNavigationItem. jsx <BottomNavigationItem text="Home" />