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
Close Button Placement
Property | Layout |
---|---|
| |
|
Drawer Placement
Property | Layout |
---|---|
| |
| |
| |
|
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.
Interaction
Event Handlers
Event | Description |
---|---|
| 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. |
Last updated