• 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
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayout
      • Timeline
      • Globalization
      • API
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

DrawerItemProps

An interface for the Drawer items.

NameTypeDefaultDescription

children?

any

Represents the children that are passed to the DrawerItem.

className?

string

Specifies a list of CSS classes that will be added to the DrawerItem element.

disabled?

boolean

Specifies if the Drawer item is disabled.

icon?

string

Defines the name for an existing icon in a KendoReact theme. The icon is rendered inside the Drawer item by a span.k-icon element.

index?

number

Sets the index of the DrawerItem that is used to identify it.

level?

number

This property is used in scenarios with hierarchical drawer. The rendering of the component requires each node to have a "k-level- + the level of nesting" className. The nesting levels should be handled by the developer. The root level items have a level of 0.

selected?

boolean

Specifies if the Drawer item is initially selected.

separator?

boolean

Specifies if this is a separator item.

style?

React.CSSProperties

Sets additional CSS styles to the Drawer item.

svgIcon?

SVGIcon

Defines the SVG icon of the item.

tabIndex?

number

Sets the tabIndex property of the DrawerItem. Defaults to 0.

text?

string

Specifies the text content of the Drawer item.