Drawer

This is the slider modal that can be attached to the edge of the screen, horizontally or vertically. It is normally used for displaying menus, allowing users to view/change profiles and settings.

Basic

Drawer Title

Provide the title text to be placed at the header of the widget.

Title Alignment

Property	Description
Left	The content is attached to the left side of the widget
Center	The content is placed at the center part of the widget
Right	The content is attached to the right side of the widget

Close Button Placement

Property	Layout
	Left - Keeps the 'X' close button at the top left of the drawer
	Right - Keeps the 'X' close button at the top right of the drawer

Drawer Placement

Property	Layout
	Left - The slider is attached to the top edge of the screen
	Bottom - The slider is placed at the bottom part of the screen
	Left - The slider is attached to the left side of the screen
	Right - The slider is attached to the right side of the screen

Drawer Widget

Specify the width for the drawer in 'px' value. It is a standard practice to keep the width not more than 30% of the screen, as this is a modal which slides from the edge.

Click Outside to Close

Decides whether users can click outside the widget's area to close the drawer or not. The 'X' close button is also used to close the widget.

Show Mask

This shows the gray overlay on the rest of the screen when the widget is activated.

Enable Close Button

Shows to close button at the top corner as 'X'.

Interaction

Event Handlers

Event	Description
Close	This event will be triggered when the user closes the drawer.

Style

Property	Description
Background	Users can change the colour of the background using this property. It has all the RGB colour ranges to pick from. It is recommended to use a corresponding background colour that shows the front clearly.