Basic usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
index.html

Also available for:

API REFERENCE
kendo ui kendoka image

The Drawer component is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

Description

The Kendo UI Drawer is a dismissible or permanently visible panel that can be used as a sidebar component for navigation in responsive web applications or simply for changing a content of a section in the page.

Key Features

  • Overlay and Push mode
  • Right and Left position
  • Gesture Support
  • Mini mode

In this demo the Kendo UI Drawer can be opened either by clicking on the hamburger icon or using swipe gesture on the associated content.

Support & Learning Resources