• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

DrawerItem

An interface for the Drawer items.

NameTypeDefaultDescription

cssClass?

any

The CSS classes that will be rendered on the item element of the Drawer. Supports the type of values that are supported by ngClass.

cssStyle?

any

The CSS styles that will be rendered on the item element of the Drawer. Supports the type of values that are supported by ngStyle.

disabled?

boolean

Specifies if the Drawer item is disabled.

icon?

string

Defines the name for an existing icon in a Kendo UI theme. The icon is rendered inside the Drawer item by the kendo-icon element.

NOTE: The icon input will no longer require the k-i- prefix in the icon name. Please provide only the name of the icon. To ensure backward compatibility, both syntaxes will be supported for a period of time, but the k-i- prefix is deprecated and you can expect it to be dropped in a future major version of the package.

iconClass?

string

Defines a CSS class — or multiple classes separated by spaces — which are applied to a span element inside the Drawer item. Allows the usage of custom icons.

id?

string | number

Specifies the id of the Drawer item.

parentId?

string | number

Specifies the parentId of the Drawer item.

selected?

boolean

Specifies if the Drawer item is initially selected.

separator?

boolean

Specifies if this is a separator item. If set to true, only the cssClass and cssStyle fields will be rendered.

svgIcon?

SVGIcon

Defines an SVG icon to be rendered inside the Drawer Item. The input can take either an existing Kendo SVG icon or a custom one.

text?

string

Specifies the text content of the Drawer item.