Drawer

Overview

Drawer directive provides a simple way to integrate an off-canvas panel. To use it, apply axDrawerContainer to the parent and axDrawerItem to the drawer element. It supports properties like mode (overlay or push), transition (animation duration), backdropColor, drawerLocation (right , left or top , bottom), backDrop (boolean for enabling/disabling the backdrop), and initialState (hide or show). The directive also includes three methods show(), hide(), and toggle() for programmatic control, making it easy to manage the drawer’s behavior dynamically.

Usage

Basic Example (HTML)

Options

AXSlidingItemDirective

Demo

Home
About
Contact Us

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis, exercitationem.

Home
About
Contact Us

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis, exercitationem.