Kendo UI for Angular

Drawer

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.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • 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.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • 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.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • 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.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI