Skip to main content

Drawer

Introduction

Drawer is a Higher Order Component, provding a drawer to show/hide content. A common scenario is to show a menu.

Drawer is container, you can use it just like a regular container, drag and drop other widgets into it.

Besides that, Drawer supports more:

  • Open/Close state

    When it's opened, it will show the content. When it's closed, it will hide the content.

  • Open/Close animation

    You can configure the animation duration when it's opened or closed.

  • Position

    You can configure the position of the drawer: left, right, top, bottom.

  • Event to open

    A builtin event to open the drawer. Refer to Communication Command & Event for more details.