Kendo UI for Angular

Drawer

  • Give your users a great UX with a side navigation element that can slide in and out.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.

Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    A staple as a navigation element in many modern dashboard applications, the Kendo UI for Angular Drawer offers a side navigation element that can be toggled to be displayed or hidden, or permanently displayed. Each item can be represented as an image and text combination, just text, just an image, or utilize Angular templates for a custom layout.

    See Angular Drawer Overview demo.

    Kendo UI for Angular Drawer - Overview
  • Display Modes

    The Kendo UI for Angular Drawer offers several display modes, allowing developers to customize how the component behaves. You can choose to overlay the Angular Drawer content on top of existing content, push the content over as the Angular Drawer expands or display the drawer as icons via the compact mini view.

    See Angular Drawer Display Modes demo.

    Kendo UI for Angular Drawer - Display Modes
  • Positioning

    With a single property, the Kendo UI for Angular Drawer component can be rendered on either the left-hand side or right-hand side of the current page.

    See Angular Drawer Positioning demo.

    Kendo UI for Angular Drawer - Positioning
  • Routing

    Since the Kendo UI for Angular Drawer primarily supports navigation in an Angular application, the component can utilize the Angular Router to assist with navigating between different routes.

    See Angular Drawer Routing demo.

  • Templates

    You can utilize an Angular template to customize the look and feel of each item within the Kendo UI for Angular Drawer.

    See Angular Drawer Templates demo.

    Kendo UI for Angular Drawer - Templates
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI