• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timeline
      • Globalization
      • API
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

BottomNavigationItemProps

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

NameTypeDefaultDescription

className?

string

Sets additional CSS classes to the BottomNavigation item.

disabled?

boolean

Disables the BottomNavigation item.

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.

selected?

boolean

Specifies if the BottomNavigation item is selected.

style?

React.CSSProperties

Sets additional CSS styles to the BottomNavigation item.

svgIcon?

SVGIcon

Defines an SVG icon. The icon is rendered inside the BottomNavigation item.

tabIndex?

number

Sets the tabIndex property of the BottomNavigation item. Defaults to 0.

text?

React.ReactNode

Specifies the text content of the BottomNavigation item.