Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Grid
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

KendoReact Drawer Overview

The KendoReact Drawer component is a dismissible panel for navigating in responsive web applications.

It also enables the user to change the content of a specific section of the page.


The following example demonstrates the Drawer in action.

Example
View Source
Change Theme:

The Drawer is part of the KendoReact Layout component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the Drawer and the rest of the components in the package, see the Getting Started with the KendoReact Layout Package guide.

Key Features

  • Expanded StateYou can control the expanded state of the Drawer by using a single property.
  • Display modesDepending on your requirements, you can configure the Drawer to render in a compact mini view or one of the expand modes.
  • PositioningDrawer enables you to specify its position relative to the page content.
  • RoutingYou can use the Drawer as a container for navigational components with any router library.

In this article

Not finding the help you need?