Introduction

The Drawer is a Higher Order Component that provides a collapsible container for displaying and hiding content. A typical use case involves implementing navigation menus.

The Drawer functions as a container component, allowing standard drag-and-drop operations for adding child components.

The Drawer component offers the following advanced features:

Open/Close State

The component supports two states:

• Open: Content is visible
• Closed: Content is hidden

Animation Control

Transition animations can be configured with customizable duration parameters for both opening and closing actions.

Positioning

The Drawer can be positioned on any of the four screen edges:

• Left
• Right
• Top
• Bottom

Event Handling

A built-in event mechanism enables programmatic control of the drawer's open state.

Refer to Communication Command & Event for detailed implementation guidelines.