DrawerItemProps

Represents the children that are passed to the DrawerItem.

Example:

<DrawerItem>Item Content</DrawerItem>

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

Specifies if the Drawer item is disabled.

Example:

<DrawerItem disabled={true} />

Defines the name for an existing icon in a KendoReact theme.

Example:

<DrawerItem icon="home" />

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

Example:

<DrawerItem index={0} />

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.

Example:

<DrawerItem level={1} />

Specifies if the Drawer item is initially selected.

Example:

<DrawerItem selected={true} />

Specifies if this is a separator item.

Example:

<DrawerItem separator={true} />

Sets additional CSS styles to the Drawer item.

Defines the SVG icon of the item.

Example:

import { gearIcon } from '@progress/kendo-svg-icons';

<DrawerItem svgIcon={gearIcon} />

Sets the tabIndex property of the DrawerItem.

Example:

<DrawerItem tabIndex={1} />

Specifies the text content of the Drawer item.

Example:

<DrawerItem text="Dashboard" />